Heim >Web-Frontend >js-Tutorial >jQuery lädt eine HTML-Seite in das angegebene Div
Dieser Artikel beschreibt, wie jQuery eine HTML-Seite in das angegebene p lädt und wie jQuery $.ajax einen angegebenen Teil einer anderen HTML-Seite anfordert Schauen wir uns auf dieser Seite p an, wie jQuery diese Anfragen abschließt.
Wie lädt jQuery eine HTML-Seite in das angegebene p?
Ich möchte einen bestimmten Teil des Inhalts in a.html in ein p in b.html laden.
Zum Beispiel möchte ich den 3ae8df1c09886a40dd1cd31fb03be95c94b3e26ee717c64999d7867364b1b4a3 in a.html laden und den gesamten Inhalt in diesem p in den p in b.html ladencb3e2b988a7e42015da71894ed539a9194b3e26ee717c64999d7867364b1b4a3
Wie schreibt man es?
Sie können es mit jquery ajax tun
Angenommen, a.html und b.html befinden sich im selben Verzeichnis
b.html
<script > $(document).ready(function() { bodyContent = $.ajax({ url: "b.html", global: false, type: "POST", data: ({ id: this.getAttribute('aContent') }), dataType: "html", async: false, success: function(msg) { alert(msg); } }) }); </script>
jQuery $. Wie kann ich mit Ajax anfordern, dass ein bestimmter Teil einer anderen HTML-Seite in diese Seite geladen wird?
Die allgemeine Idee ist wie folgt:
$.ajax( { url: url, //这里是静态页的地址 type: "GET", //静态页用get方法,否则服务器会抛出405错误 success: function(data){ var result = $(data).find("另一个html页面的指定的一部分"); $("本页面p").html(result); } });
Wenn Sie die Parameter nicht verstehen, können Sie sich auf
beziehen oder der folgende Code:
$(function(){ $.ajax({ type:"POST", url:"LoginLoadArticle.ashx", data: "type="+escape("最新公告") , success:function(msg){ $(".gonggao").html(msg); }, error:function(XMLHttpRequest, textStatus, thrownError){} }) })
Das Obige ist der gesamte Inhalt von jQuery, der eine HTML-Seite in das angegebene p lädt. Ich hoffe, dass es für die Schüler hilfreich ist.
Verwandte Empfehlungen:
Detaillierte Erläuterung des Problems der JQuery-Bindungsereignisse in einer Schleife
jQuery implementiert die Methode zum Finden des nächstgelegenen übergeordneten Knotens
10 jQuery-Codefragmente für eine effiziente Webentwicklung
Das obige ist der detaillierte Inhalt vonjQuery lädt eine HTML-Seite in das angegebene Div. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!