Heim > Web-Frontend > js-Tutorial > jQuery lädt eine HTML-Seite in das angegebene Div

jQuery lädt eine HTML-Seite in das angegebene Div

韦小宝
Freigeben: 2018-05-16 15:11:11
Original
5381 Leute haben es durchsucht

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

in a.html laden und den gesamten Inhalt in diesem p in den p in b.html laden

richtigCon">


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(&#39;aContent&#39;)
        }),
        dataType: "html",
        async: false,
        success: function(msg) {
            alert(msg);
        }
    })
});
</script>
Nach dem Login kopieren

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);
        }
});
Nach dem Login kopieren

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){}
        })
     
})
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage