JQuery 使用AJAX
$.ajax(url,[settings]) 返回值:XMLHttpRequest
$('.btn').click(function(){
$.ajax({
url:'XXX.php',
//type:'post',
//data:'csc',
success:function(data){
console.log(data);
}
})
})
补充
/*
type 如果不设置 默认的请求方法是get
success
在请求成功才会触发
如果出现 服务器告诉浏览器返回的类型跟jQuery内部实际转换的类型不匹配 会无法触发
error
当请求出现问题 会触发这个回调函数
complete
请求完成会触发
*/
$('.btn').click(function(){
$.ajax({
url:'XXX.php',
//type:'post',
//data:'csc',
success:function(data){
console.log(data);
},
error:function(){
console.log('调用失败了');
},
complete:function(){
console.log('调用成功');
}
})
})
关于error
errorFunction(默认: 自动判断 (xml 或 html)) 请求失败时调用此函数。有以下三个参数:XMLHttpRequest 对象、错误信息、(可选)捕获的异常对象。如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能是"timeout", “error”, “notmodified” 和 “parsererror”。Ajax 事件。
function (XMLHttpRequest, textStatus, errorThrown) {
// 通常 textStatus 和 errorThrown 之中
// 只有一个会包含信息
this; // 调用本次AJAX请求时传递的options参数
}
//简而言之
//参数1 异步对象
//参数2 错误信息
//参数3 错在哪里
error:function(){
console.log('调用失败了');
console.log('XMLHttpRequest');
console.log('textStatus');
console.log('errorThrown');
}