Home > Web Front-end > JS Tutorial > jQuery loads an html page into the specified div

jQuery loads an html page into the specified div

韦小宝
Release: 2018-05-16 15:11:11
Original
5381 people have browsed it

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

in a.html and load all the content in this p into the p in b.html

rightCon">


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>
Copy after login

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);
        }
});
Copy after login

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){}
        })
     
})
Copy after login

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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template