jQuery自带的一些常用方法总结(4)
$.get()：发出GET请求。 $.getScript()：读取一个JavaScript脚本文件并执行。 $.getJSON()：发出GET请求，读取一个JSON文件。 $.post()：发出POST请求。 $.fn.load()：读取一
$.get()：发出GET请求。
$.getScript()：读取一个JavaScript脚本文件并执行。
$.getJSON()：发出GET请求，读取一个JSON文件。
$.post()：发出POST请求。
$.fn.load()：读取一个html文件，并将其放入当前元素之中。
一般来说，这些简便方法依次接受三个参数：url、数据、成功时的回调函数。
（1）$.get()，$.post()
这两个方法分别对应HTTP的GET方法和POST方法。
复制代码 代码如下:
$.get('/data/people.html', function(html){
$('#target').html(html);
});
$.post('/data/save', {name: 'Rebecca'}, function (resp){
console.log(JSON.parse(resp));
});
get方法接受两个参数，分别为服务器端网址和请求成功后的回调函数。post方法在这两个参数中间，还有一个参数，表示发给服务器的数据。
上面的post方法对应的ajax写法如下。
复制代码 代码如下:
$.ajax({
type: 'POST',
url: '/data/save',
data: {name: 'Rebecca'},
dataType: 'json',
success: function (resp){
console.log(JSON.parse(resp));
}
});
（2）$.getJSON()
ajax方法的另一个简便写法是getJSON方法。当服务器端返回JSON格式的数据，可以用这个方法代替$.ajax方法。
复制代码 代码如下:
$.getJSON('url/to/json', {'a': 1}, function(data){
console.log(data);
});
上面的代码等同于下面的写法。
复制代码 代码如下:
$.ajax({
dataType: "json",
url: '/url/to/data',
data: {'a': 1},
success: function(data){
console.log(data);
}
});
（3）$.getScript()
$.getScript方法用于从服务器端加载一个脚本文件。
复制代码 代码如下:
$.getScript('/static/js/myScript.js', function() {
functionFromMyScript();
});
上面代码先从服务器加载myScript.js脚本，然后在回调函数中执行该脚本提供的函数。
getScript的回调函数接受三个参数，分别是脚本文件的内容，HTTP响应的状态信息和ajax对象实例。
复制代码 代码如下:
$.getScript( "ajax/test.js", function (data, textStatus, jqxhr){
console.log( data ); // test.js的内容
console.log( textStatus ); // Success
console.log( jqxhr.status ); // 200
});
getScript是ajax方法的简便写法，因此返回的是一个deferred对象，可以使用deferred接口。
复制代码 代码如下:
jQuery.getScript("/path/to/myscript.js")
.done(function() {
// ...
})
.fail(function() {
// ...
});
（4）$.fn.load()
精彩图集
精彩文章