Ajax load()方法
《1》
load()函数用于从服务器加载数据,并使用返回的html内容替换当前匹配元素的内容。
load()函数默认使用GET方式,如果提供了对象形式的数据,则自动转为POST方式。
因为默认使用的是Get请求方式,所以我们也可以在url加数据进行提交。
例如$("#box").load("loadTest.html?name=zhang&age=25")
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Ajax</title> <script src="jquery-1.11.2.js"></script> <style type="text/css"> </style> </head> <body> <input type="button" id="loadData" value="异步加载数据" /> <div id="box"></div> </body> </html> <script type="text/javascript"> $(function () { //----------------------如何从另外一个页面加载数据到当前页 $("#loadData").click(function(){ $("#box").load("loadTest.html"); //将locdTest.html页面里面的数据通过异步的形式加载到当前页面中的#box元素中。 }) $("#loadData").click(function () { $("#box").load("loadTest.html p"); //把locdTest.html页面中的<p>标签通过异步的形式加载到当前页面中的#box元素中。 }) $("#loadData").click(function () { $("#box").load("loadTest.html .para"); //把locdTest.html页面中的class属性值为para的标签通过异步的形式加载到当前页面中的#box元素中。 }) $("#loadData").click(function () { $("#box").load("loadTest.html #city"); //把locaTest.html页面中id属性值为city的标签通过异步形式加载到当前页面中的#box元素中 }) $("#loadData").click(function () { $("#box").load("loadTest.html #a p"); //把locaTest.html页面中id属性值为a的元素下面的<p>标签通过异步形式加载到当前页面中的#box元素中 }) }) </script>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。