局部方法$,"html".load

一、.load()

.load()方法可以参数三个参数:url(必须,请求 html 文件的 url 地址,参数类型为 String)、

data(可选,发送的 key/value 数据,参数类型为 Object)、callback(可选,成功或失败的回调

函数,参数类型为函数 Function)。

如果想让 Ajax 异步载入一段 HTML 内容,我们只需要一个 HTML 请求的 url 即可。

//HTML

<input type="button" value="异步获取数据" />

<div >四.$.getScript() 和$.getJSON()

jQuery 提供了一组用于特定异步加载的方法:$.getScript(),用于加载特定的 JS 文件;

$.getJSON(),用于专门加载 JSON 文件。

有时我们希望能够特定的情况再加载 JS 文件,而不是一开始把所有 JS 文件都加载了,

这时课时使用$.getScript()方法。

//点击按钮后再加载 JS 文件

$('input').click(function () {

$.getScript('test.js');

});

$.getJSON()方法是专门用于加载 JSON 文件的,使用方法和之前的类似。

$('input').click(function () {

$.getJSON('test.json', function (response, status, xhr) {

alert(response[0].url);

});

});