•参数：
•URL:地址；
•data:请求的参数，可选；
•function(response,status,xhr)：请求成功的回调函数。
$(function () {
$("input").click(function () {
$(".box").load(
"./data.json",
function (response,status) {
console.log(data.name);
}
);
});
})
......
<body>
<div>
<input type="button" value="xinzhi">
<div class="box"></div>
</div>
</body>
•返回的数据会放置在div中；
•不能跨域访问数据；
•response为返回的数据，status为请求的状态；
•无请求失败的回调函数。
4. getJSON()
•方法使用 AJAX 的 HTTP GET 请求获取 JSON 数据。
•参数：
•url: 请求网址，必须的参数；
•data: 发送给服务器的数据；
•function(data,status,xhr):请求成功的回调函数
$(function () {
$("input").click(function () {
$.getJSON(
"./data.json",
function(data,status) {
console.log(data.name);
},
);
});
})
......
<body>
<div>
<input type="button" value="xinzhi">
</div>
</body>
•方法直接获取的是json数据；
•无返回失败的回调函数；
•回调函数时命名函数，不是匿名函数；
5. getScript()
•方法使用 AJAX 的 HTTP GET 请求获取并执行js代码。
•参数：
•url: 请求网址，必须的参数；
•function(data,status):请求成功的回调函数
$(function () {
$("input").click(function () {
$.getScript(
"./data.js",
function(data,status) {
console.log(data);
},
);
});
})
......
<body>
<div>
<input type="button" value="xinzhi">
</div>
</body>
•返回结data是js代码；
•该方法可以用来动态加载js代码。
二、jsonp
•定义：一种可以实现跨域发送http请求的数据通信格式，可以嵌在ajax中使用。
•原理：利用script标签可以跨域链接资源的特性。
用法一：函数传参
<script type="text/javascript">
function aa(data){
console.log(data.name);
}
</script>
<script type="text/javascript" src="....../data.js"></script>
说明：在外部定义一个data.js文件，这个文件的路径可以与当前页面不在同一个域下面。
data.js的内容：
aa({
"data":{
"name":"xiaohong",
"age":"18"
}
})
•将数据以页面定义的函数的参数的形式传递进去，从而获取数据。
•本质上可以将数据拆分，使得数据不用强制保存在同一个域名下。
