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
rightCon">
b.html
<script > $(document).ready(function() { bodyContent = $.ajax({ url: "b.html", global: false, type: "POST", data: ({ id: this.getAttribute('aContent') }), 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!