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);
});
});
时间: 2024-10-13 23:11:35