码迷,mamicode.com
首页 > Web开发 > 详细

jeasyui制作计划-ajax学习

时间:2015-04-03 00:11:59      阅读:226      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!