jQuery charge une page HTML dans le div spécifié

Cet article décrit comment jQuery charge une page html dans le p spécifié, et comment jQuery $.ajax demande une partie spécifiée d'une autre page html Chargé dans cette page p, voyons comment jQuery répond à ces requêtes.

Comment jQuery charge-t-il une page html dans le p spécifié ?

Je souhaite charger une certaine partie du contenu de a.html dans un p de b.html.
Par exemple, je souhaite charger le 3ae8df1c09886a40dd1cd31fb03be95c94b3e26ee717c64999d7867364b1b4a3 dans a.html et charger tout le contenu de ce p dans le p dans b.html1cec6b52bdb2cbd7677bba68cf47e2a894b3e26ee717c64999d7867364b1b4a3
Comment l'écrire ?
Vous pouvez le faire avec jquery ajax
Supposons que a.html et b.html soient dans le même répertoire

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 $. Comment demander qu'une partie spécifiée d'une autre page HTML soit chargée dans cette page avec ajax ?

L'idée générale est la suivante :

$.ajax( {
        url: url, //这里是静态页的地址
        type: "GET", //静态页用get方法，否则服务器会抛出405错误
        success: function(data){
            var result = $(data).find("另一个html页面的指定的一部分");
            $("本页面p").html(result);
        }
});

Si vous ne comprenez pas les paramètres, vous pouvez vous référer à

ou le code suivant :

$(function(){
     $.ajax({
            type:"POST",
            url:"LoginLoadArticle.ashx",
            data: "type="+escape("最新公告") ,
            success:function(msg){
                $(".gonggao").html(msg);
            },
            error:function(XMLHttpRequest, textStatus, thrownError){}
        })
     
})

Ce qui précède est tout le contenu de jQuery chargeant une page html dans le p spécifié. J'espère que cela sera utile aux étudiants.

Recommandations associées :

Explication détaillée du problème des événements de liaison JQuery dans une boucle

jQuery implémente la méthode de recherche du nœud parent le plus proche

10 extraits de code jQuery pour un développement Web efficace

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!