- 加入我的QQ群
- 关注我的百家号
扫描下面的二维码，“关注”我的百家号。
页面刷新数据有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异步提交数据，这要看你自己的选择了。
