首页 > Web开发 > 详细

jeasyui制作计划-ajax学习

时间:2015-04-03 00:09:16      阅读:331      评论:0      收藏:0      [点我收藏+]

Ajax:可以无刷新状态更新页面,并且实现异步提交,提升了用户的体验。

1.load()函数的使用,可以三个参数:url(必须的参数,请求html文件的url地址,参数类型string)、date(可选,发送的key/value数据,参数类型Object)、callback(可选,成功或失败的回调函数,参数类型为函数Function)。

//HTML

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

<div id="box"></div>

 

//jQuery

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

$(‘#box‘).load(‘test.html‘);    //函数中只有一个参数url。

});

 

2)传递两个参数url和data。

//jQuery

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

$(‘#box‘).load(‘test.php‘,{

url:‘ycku‘

});    //函数中只有两个参数url和传进的data参数ycku。

});

3)传递三个参数url和data和回调函数。

$(‘input‘).click(function () {
$(‘#box‘).load(‘test.php‘, {
url : ‘ycku‘
}, function (response, status, xhr) {
alert(‘返回的值为:‘ + response + ‘,状态为:‘ + status + ‘,状态是:‘ + xhr.statusText);
});
});

 

jeasyui制作计划-ajax学习

原文:http://www.cnblogs.com/lwngreat/p/4388794.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!