jQuery loads an html page into the specified div

This article describes how jQuery# loads an html page into the specified p, and jQuery $.ajax how to request a specified part of another html page Loaded into this page p, let us take a look at how jQuery completes these requests.

How does jQuery load an html page into the specified p?

I want to load a certain part of the content in a.html into a p in b.html.
For example, I want to load the 3ae8df1c09886a40dd1cd31fb03be95c94b3e26ee717c64999d7867364b1b4a3 in a.html and load all the content in this p into the p in b.htmle3d03193919113be6743403ecd8858c394b3e26ee717c64999d7867364b1b4a3
How should I write it?
You can do it with jquery ajax
Assume a.html and b.html are in the same directory

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 $.ajax How to Request that a specified part of another html page be loaded into this page?

The general idea is as follows:

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

If you don’t understand the parameters, you can refer to

or the following code:

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

The above is all the content of jQuery loading an html page into the specified p. I hope it will be helpful to the students.

Related recommendations:

Detailed explanation of the problem of JQuery binding events in a loop

jQuery implements the method of finding the nearest parent node

10 jQuery code snippets for efficient web development

The above is the detailed content of jQuery loads an html page into the specified div. For more information, please follow other related articles on the PHP Chinese website!