标签：
《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>标签：
原文地址：http://blog.csdn.net/fanbin168/article/details/45072967
