JQuery学习记录（十二）：load()、get()、post()方法提交数据

扫描下面的二维码，“关注”我的头条号，我会每天更新免费视频课程。

页面刷新数据有2种：整个页面刷新和页面局部刷新。整个页面刷新不难理解。这里解说一下局部刷新。局部刷新就是页面的某一个部分的内容刷新后内容更新，而页面的其它地方内容不动。局部刷新一般都会采用ajax向服务器异步提交数据来实现（通过iframe内联框架也能实现）。本章将介绍几个有关ajax提交数据的jquery方法。

1：load()方法。

load()方法是一个局部方法，它需要在前面指定一个页面的元素。适合做静态文件的异步获取。

语法：

load(服务器文件路径url, 传递的数据, 回调函数)

通过load()来实现ajax提交：

//可通过 .load()方法
$('input').click(function () {
$('#box').load('test.php', {
url : 'ycku'
}, function (response, status, xhr) {
alert('返回的值为：' + response + '，状态为：' + status + '，
状态是：' + xhr.statusText);
});
});

2：get()方法：

get()方法是通过GET请求来提交数据到远程服务器。get方法是一个全局方法，不需要在前面添加指定元素。语法：

$.get()( url, data, callback);

get()方法的第二个参数，也可以直接放到url中，url带问号的，键值对字符串。

通过get()方法来实现ajax提交数据：

//可通过 $.get()方法
$('input').click(function () {
$.get()('test.php', {
url : 'ycku'
}, function (response, status, xhr) {
alert('返回的值为：' + response + '，状态为：' + status + '，
状态是：' + xhr.statusText);
});
});

3：post()方法

post()方法是通过POST请求来实现ajax提交数据。post方法也是全局方法，不需要添加指定元素。

通过post()方法来实现ajax远程提交数据，实现局部刷新页面：

$.post()('test.php', {
url : 'ycku'
}, function (response, status, xhr) {
alert('返回的值为：' + response + '，状态为：' + status + '，
状态是：' + xhr.statusText);
});

4：get()与post()的区别：

get()方法与post()方法都是全局方法，它们之间也存在着区别，主要有以下几点：

(1)、get方法是通过URL提交的，而post方法则是 HTTP 头部消息实体提交的；
(2)、get方法提交有大小限制，最大2KB，post方法不受限制；
(3)、get方法提交会被缓存下来，有风险，post方法没有这种风险；
(4)、get方法在php中通过$_GET[]获取，post方法传递的数据在php中要通过$_POST[]获取。
(5)、get方法传递参数有3种方式：url带问号的，键值对字符串，对象；而post方法只能传递后2种。

在实际使用中，想使用哪种方法来实现ajax异步提交数据，这要看你自己的选择了。