Maison > interface Web > js tutoriel > jQuery charge une page HTML dans le div spécifié

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

韦小宝
Libérer: 2018-05-16 15:11:11
original
5360 Les gens l'ont consulté

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

dans a.html et charger tout le contenu de ce p dans le p dans b.html

droitCon">


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>
Copier après la connexion

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);
        }
});
Copier après la connexion

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){}
        })
     
})
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal