jQuery中AJAX的回调

最新推荐文章于 2023-01-07 11:01:49 发布

weixin_33832340

最新推荐文章于 2023-01-07 11:01:49 发布

阅读量163

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lujieting/p/10291399.html

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
</head>
<body>
<script src="jquery-1.12.4"></script>
<script>

    // 原生操作中不管请求状态码是多少都会触发回调
    // var xhr = new XMLHttpRequest()
    // xhr.open('get', 'time1.php')
    // xhr.send()
    // xhr.onreadystatechange = function () {
    //   if (this.readyState !== 4) return
    //   console.log(this.responseText)
    // }

    // 显示 loading

    $.ajax({
        url: 'time.php',
        type: 'get',
        beforeSend: function (xhr) {
            // 在所有发送请求的操作（open, send）之前执行
            console.log('beforeSend', xhr)
        },
        success: function (res) {
            // 隐藏 loading
            // 只有请求成功（状态码为200）才会执行这个函数
            console.log(res)
        },
        error: function (xhr) {
            // 隐藏 loading
            // 只有请求不正常（状态码不为200）才会执行
            console.log('error', xhr)
        },
        complete: function (xhr) {
            // 不管是成功还是失败都是完成，都会执行这个 complete 函数
            console.log('complete', xhr)
        }
    })

</script>
</body>
</html>

转载于:https://www.cnblogs.com/lujieting/p/10291399.html

weixin_33832340

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery中AJAX的回调

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>Title</title></head><body>...
复制链接

扫一扫