对Ajax对象基本的读取和状态处理流程

最新推荐文章于 2024-09-25 14:48:06 发布

paradoxaaa_

最新推荐文章于 2024-09-25 14:48:06 发布

阅读量204

点赞数

分类专栏：笔记文章标签： ajax javascript linq

本文链接：https://blog.csdn.net/paradoxaaa_/article/details/123421360

版权

笔记专栏收录该内容

47 篇文章 0 订阅

订阅专栏

本文详细介绍了如何使用自定义的function ajax函数进行POST方式的文件请求，包括onreadystatechange状态处理和错误回调机制。重点在于理解readyState和status的状态判断以及成功和失败时的回调操作。

摘要由CSDN通过智能技术生成

           function ajax (url,fnSucc,fnFail) { // 三个参数（文件地址，读取成功以后怎么办，读取失败怎么办）自定义命名
               let oAjax=new XMLHttpRequest()
               oAjax.open('POST',URL,true) // 三个参数（以哪种方式打开，链接地址，返回true）

               oAjax.send()


               oAjax.onreadystatechange=function () { // onreadystatechange：状态改变且已经准备好了

                   if (oAjax.readyState==4) { // readyState：状态值返回4 连接成功读取完成

                       if (oAjax.status==200) {    // status：状态码返回200 成功
                           fuSucc(oAjax.responseText)
                       }
                   } else{
                       if (fnFail()) {
                           fnFail(oAjax.status) // 若失败根据返回的状态码来执行对应的错误处理
                       }
                   }
               }
           }