Hinzufügen einer HTML-Seite zu WordPress-Website mit Javascript

Question

Ich erstelle ein Plugin, das eine benutzerdefinierte Seite der Website (ohne Vorlage) hinzufügen wird.

Ich habe Schwierigkeiten, herauszufinden, wie man mit WordPress aus dem JQuery-Teil meines Plugins spricht.

Gegenwärtig gibt es eine Variable namens res, die den gesamten HTML-Code für die Seite enthält.

$.post(templateUrl + "templates/template2.html", function(data) { 
    tinyMCE.triggerSave(); 
    var res = data.replace("[([PREHEADER])]", $("#peg-newsletter-preheader").val()) 
    res = res.replace("[([HEADING])]", $("#peg-newsletter-heading").val()); 
}); 

Jede Hilfe wird geschätzt.

Danke.

Answer 1

Sie verwenden Post falsch. Dieser Abschnitt der Funktion

 function(data) { 
       tinyMCE.triggerSave(); 
       var res = data.replace("[([PREHEADER])]", $("#peg-newsletter-preheader").val()) 
       res = res.replace("[([HEADING])]", $("#peg-newsletter-heading").val()); 
      }) 

ist ein Rückruf (was bedeutet, das ist eine Antwort, die Sie von WP erhalten, nachdem Sie einen erfolgreichen Beitrag zu machen). Wenn Sie hier Werte ändern, werden nur die Werte geändert, die Sie erhalten, und nicht wp.

zu ‚sprechen‘ wp Sie die Daten im Körper schreiben müssen: http://api.jquery.com/jquery.post/

So Ihr jquery Beitrag wird wie folgt aussehen:

$.post(templateUrl + "templates/template2.html", 
     { preHeader: "something", Header: "something" }, 
     function(data) { 
     alert("Post successful"); 
     }); 

Dies würde jedoch davon ausgehen, dass Ihr Endpunkt erlauben für eine Post-Anfrage zu tun, was Sie wollen.

Ich bin mir nicht sicher, was Sie versuchen, obwohl zu erreichen. Es sieht so aus, als ob Sie die HTML-Vorlage von WP ändern möchten. Wenn ja, dann kenne ich keine Rest-API, die das erlauben würde, da diese APIs primär dafür gedacht sind, WP-Posts/Blog-Daten von WP zu ziehen. HTH