jq封装ajax的一些方法（仅供自己参考）

最新推荐文章于 2022-11-23 23:49:10 发布

苍狼笑月

最新推荐文章于 2022-11-23 23:49:10 发布

阅读量1.3k

点赞数

分类专栏： jq ajax 文章标签： ajax

本文链接：https://blog.csdn.net/qq_23329541/article/details/78020862

版权

jq 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

ajax

1 篇文章 0 订阅

订阅专栏

写一个系列的前端页面，我们会有一种需求，风格统一，代码高效率的复用，那下面简单的说下这时候jq的请求

ajax请求会有五个过程：发送请求之前，发送请求，请求成功和出错，请求完成，整个ajax全部完成，（我个人的分析不喜勿喷）。

为啥会有这五个状态！主要是体现在用户体验上，当然都用过请求成功和发送请求。但是剩下的几种状态也能很好地体现出你对用户的体验的提升。

function test_ajax(){
   $.ajax(
   {
      type:"",//通常会用到两种：GET,POST。默认是：GET
      url:"",//(默认: 当前页地址) 发送请求的地址
      dataType:"",//预期服务器返回的数据类型。
      beforeSend:beforeSend, //发送请求
      success:callback, //请求成功
      error:error,//请求出错 
      complete:complete//请求完成
   });
}
function error(XMLHttpRequest, textStatus, errorThrown){
  // 通常情况下textStatus和errorThown只有其中一个有值 
 //请求出错啦
}
function beforeSend(XMLHttpRequest){
 //loading等待;
}
function complete(XMLHttpRequest, textStatus){
  //请求完成
}
function callback(msg){
  //成功返回数据
}