zoukankan      html  css  js  c++  java
  • 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>
    <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>
  • 相关阅读:
    中国式沟通
    10 表连接优化
    09 优化数据访问
    07 SQL优化技术
    06 执行计划
    04 系统和对象统计信息
    03 找出性能问题
    02 key concept
    Xpert 调优
    JavaWeb_常用功能_01_文件上传
  • 原文地址:https://www.cnblogs.com/lujieting/p/10291399.html
Copyright © 2011-2022 走看看