关于Ajax请求方式的详解随笔

Dear 丶 2022-11-01 10:51 185阅读 0赞

对于Ajax的请求方式，我们经常在开发中使用，今天，就想来详细记录下Ajax中参数的详解；  
首先，上图，这是开发中随便粘来的一个**ajax**请求：

$.ajax({ 
         url:"url", //请求后台
         dataType:"json",
         type:"post",
         data:{ "system":system,"NUID":NUID},
         success:function(result){ 
              //逻辑判断代码
         },
         error: function(result){ 
    		 //代码出现异常的逻辑
         }
    });
    //此图千万不可泄露，以免泄露机密

1、**url**：  
url为我们访问的路径参数，发送请求的路径。  
**2、type:**  
要求也是String类型的参数，请求方式为get或者post（大多数情况下，我们都是使用post请求，详细原因，后续会出博客进行详解），默认是get的请求方式，当然，还有put和delete请求可以使用，但仅部分浏览器支持；  
**3、dataType：**  
要是为String类型的参数，预期服务器返回的数据类型；可用类型如下：

*  xml：返回XML文档，可用JQuery处理。
 *  html：返回纯文本HTML信息；包含的script标签会在插入DOM时执行。
 *  script：返回纯文本JavaScript代码，不会自动缓存结果，除非设置了cache参数。
 *  json：返回JSON格式数据。
 *  jsonp：JSONP格式。
 *  text：返回纯文本字符串。

**4、data：**  
要求为Object或String类型的参数，发送到服务器的数据；如果不是字符串，将自动转换为字符串格式；get请求中将加在url后面，防止自动转换。  
**5、success：**  
要求为function类型的参数，请求成功后调用的回调函数，有两个参数。

*  由服务器返回，并根据3dataType参数进行处理后的数据。
 *  描述状态的字符串。

**6、error：**  
也要求为function类型的参数，请求失败时被调用的函数，该函数有3个参数，有兴趣的小伙伴可以自行查阅。  
**7、timeout：**  
要求为Number类型的参数，设置请求超时时间（毫秒）；  
**8、async：**  
要求为boolean类型的参数，默认设置为true，所有请求均为异步请求；如果需要发送同步请求，将此选项设置为false即可；（同步请求将锁住浏览器，其他操作必须等待请求完成才可以执行，详见我的另一篇关于同步异步的博文[Ajax同步异步区别][Ajax]）；  
**9、cache：**  
要求为Boolean类型的参数，默认为true（当dataType类型为script时，默认为false），设置为false将不会从浏览器缓存中加在请求信息。  
**10、contentType：**  
要求为String类型的参数，当发送信息至服务器时，内容编码类型默认为“application/x-www-from-urlencoded”。该默认值适合大多数应用场合。  
**11、complete：**  
要求为function类型的参数，请求完成后调用的回调函数（请求成功或失败时均调用）。参数：XMLHttpRequest对象和一个描述成功请求类型的字符串。  
function（XMLHttpRequest，testStatus）\{  
\}  
**12、global：**  
要求为Boolean类型的参数，默认为true，表示是否触发全局ajax事件；设置为false将不会触发全局ajax事件，ajaxStart或ajaxStop可用于控制各种ajax事件。  
好了，这次先说这么多吧，还有其他参数，在开发中，我没用过，比较常用的就上面这些；  
**作为一名搬砖的人，不可能每一摞砖在哪，有多少块你都要记着，只要能在用的时候，根据查阅资料，尽快用到工作中就行；互联网时代，技术更新那么快，不会说是每一个技术都要会，在用的时候能够使用，就行，后面可以再往深了去学。**

[Ajax]: https://blog.csdn.net/weixin_44001753/article/details/113997241