使用jQuery的AJAX封装函数——$.ajax()

如何使用jQuery的AJAX相关函数,监听失败的响应消息??——使用万能AJAX封装函数:$.ajax

使用jQuery的AJAX封装函数——$.ajax()

  • 使用方法:
$.ajax({
    type: 'GET',   // POST/PUT/DELETE...
    url: 'x.php',
    data: 'k=v&k=v',  // {k:v, k:v}
    beforeSend: fn,     // 在请求发送前的回调
    success: fn,        // 响应成功后的回调
    error: fn,          // 响应失败后的回调
    complete: fn        // 响应完成后(不论成败)的回调
});

成功的调用: beforeSend() => success() => complete()
失败的调用: beforeSend() => error() => complete()

对应于原生AJAX:
//1 var xhr = new XMLHttpRequest();
//2 xhr.onreadystatechange = function(){
    if(xhr.readyState===4){
        if(xhr.status===200){
            success();
        }else {
            error();
        }
        complete();
    }
}
//3 xhr.open()
beforeSend();
//4 xhr.send()

猜你喜欢

转载自blog.csdn.net/jiabin_xu/article/details/80855363