- 加入我的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异步提交数据,这要看你自己的选择了。