jeasyui制作计划-ajax学习

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);
});
});

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。