So ersetzen Sie div-Inhalte dynamisch und zeigen sie dynamisch mit Jquery an

Das Beispiel in diesem Artikel beschreibt die Methode zum dynamischen Ersetzen von Div-Inhalten und der dynamischen Anzeige durch Jquery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

1. Problem:

Im Projekt ist es notwendig, HTML im Hintergrund zu spleißen und es dann im Div durch anzuzeigen Ajax im Vordergrund:

sys_ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){
       //这里可以正确的展示html内容
          alert(json.htmlContent);
          $("#htmlContent").text(json.htmlContent);
       bind(json);
});

Nach der Anzeige wurde festgestellt, dass der HTML-String-Inhalt direkt im div angezeigt wurde und der darin enthaltene HTML-Code nach der Datenabfrage nicht analysiert wurde.

Der .text von jquery div fügt Inhalte in Form von Text hinzu und zeigt den spezifischen Text an....

Wenn Sie analysierbare HTML-Inhalte dynamisch hinzufügen möchten, müssen Sie jquer verwenden div a.ppend-Methode

2. Richtige Verarbeitungsmethode:

ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){
          //这里可以正确的展示html内容
          alert(json.htmlContent);
          var htmlContent = $("#htmlContent");
          htmlContent.append(json.htmlContent); 
       bind(json);
});

3. Zusammenfassung:

div . Append-Methode // HTML-Inhalt hinzufügen, dynamisch analysieren
div Text: Den geladenen Textinhalt anzeigen, nicht analysieren

Ich hoffe, dass dieser Artikel für die jQuery-Programmierung hilfreich ist Besuchen Sie das jQuery-Video-Tutorial!