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

韦小宝
韦小宝Original
2018-05-16 15:11:115356Durchsuche

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(&#39;aContent&#39;)
        }),
        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!

Stellungnahme:
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