Ajax 向同一个action发送多次请求

迷南。 2022-06-01 03:58 235阅读 0赞

Ajax，默认是异步请求。所谓异步就是，不会去等待服务器做出响应后再去执行别的请求，所谓同步就是，客户端一次请求，服务端一次响应，响应结束后才会发送下次请求，然后下次响应。简单总结，异步就是不会去等待服务端做出响应，只管发送，同步就是一次发送对应一次响应。  
依次向同一个Action发送多个请求的时候，若有同步需求，可按照如下设置，

//取消异步，执行完一个post再继续
    $.ajaxSetup({   
                async : false  
            });

举例：

$(function(){ 
        $.ajaxSetup({async:false});//取消异步，执行完一个post再继续
        $.post("test1",{
       "id":1},function(){ },"json");
        $.post("test2",{
       "id":2},function(){ },"json");
        $.post("test3",{
       "id":3},function(){ },"json");
    });

如果需要有些同步有些异步,应该使用最原始的ajax请求,设置具体的async值

$.ajax({  
             type : "post",  
              url : "${pageContext.request.contextPath}/dict_findByCode",  
              data : "test=" + test,  
              async : false,  
              success : function(data){   
               //do... 
               //do...
              }  
         });

下面列出 jQuery ajaxSetup() 方法的一些参数：  
[jQuery ajaxSetup() 方法][jQuery ajaxSetup_]

<table> 
 <tbody> 
  <tr> 
   <th align="left">名称</th> 
   <th align="left">值/描述</th> 
  </tr> 
  <tr> 
   <td>async</td> 
   <td>布尔值，表示请求是否异步处理。默认是 true。</td> 
  </tr> 
  <tr> 
   <td>beforeSend(<em>xhr</em>)</td> 
   <td>发送请求前运行的函数。</td> 
  </tr> 
  <tr> 
   <td>cache</td> 
   <td>布尔值，表示浏览器是否缓存被请求页面。默认是 true。</td> 
  </tr> 
  <tr> 
   <td>complete(<em>xhr,status</em>)</td> 
   <td>请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后）。<br> </td> 
  </tr> 
  <tr> 
   <td>contentType</td> 
   <td>发送数据到服务器时所使用的内容类型。默认是：”application/x-www-form-urlencoded”。</td> 
  </tr> 
  <tr> 
   <td>context</td> 
   <td>为所有 AJAX 相关的回调函数规定 “this” 值。</td> 
  </tr> 
  <tr> 
   <td>data</td> 
   <td>规定要发送到服务器的数据。</td> 
  </tr> 
  <tr> 
   <td>dataFilter(<em>data</em>,<em>type</em>)</td> 
   <td>用于处理 XMLHttpRequest 原始响应数据的函数。</td> 
  </tr> 
  <tr> 
   <td>dataType</td> 
   <td>预期的服务器响应的数据类型。</td> 
  </tr> 
  <tr> 
   <td>error(<em>xhr,status,error</em>)</td> 
   <td>如果请求失败要运行的函数。</td> 
  </tr> 
  <tr> 
   <td>global</td> 
   <td>布尔值，规定是否为请求触发全局 AJAX 事件处理程序。默认是 true。<br> </td> 
  </tr> 
  <tr> 
   <td>ifModified</td> 
   <td>布尔值，规定是否仅在最后一次请求以来响应发生改变时才请求成功。默认是 false。</td> 
  </tr> 
  <tr> 
   <td>jsonp</td> 
   <td>在一个 jsonp 中重写回调函数的字符串。</td> 
  </tr> 
  <tr> 
   <td>jsonpCallback</td> 
   <td>在一个 jsonp 中规定回调函数的名称。</td> 
  </tr> 
  <tr> 
   <td>password</td> 
   <td>规定在 HTTP 访问认证请求中使用的密码。</td> 
  </tr> 
  <tr> 
   <td>processData</td> 
   <td>布尔值，规定通过请求发送的数据是否转换为查询字符串。默认是 true。</td> 
  </tr> 
  <tr> 
   <td>scriptCharset</td> 
   <td>规定请求的字符集。</td> 
  </tr> 
  <tr> 
   <td>success(<em>result,status,xhr</em>)</td> 
   <td>当请求成功时运行的函数。</td> 
  </tr> 
  <tr> 
   <td>timeout</td> 
   <td>设置本地的请求超时时间（以毫秒计）。</td> 
  </tr> 
  <tr> 
   <td>traditional</td> 
   <td>布尔值，规定是否使用参数序列化的传统样式。</td> 
  </tr> 
  <tr> 
   <td>type</td> 
   <td>规定请求的类型（GET 或 POST）。</td> 
  </tr> 
  <tr> 
   <td>url</td> 
   <td>规定发送请求的 URL。默认是当前页面。<br> </td> 
  </tr> 
  <tr> 
   <td>username</td> 
   <td>规定在 HTTP 访问认证请求中使用的用户名。</td> 
  </tr> 
  <tr> 
   <td>xhr</td> 
   <td>用于创建 XMLHttpRequest 对象的函数。</td> 
  </tr> 
 </tbody> 
</table>

[jQuery ajaxSetup_]: http://www.runoob.com/jquery/ajax-ajaxsetup.html