jquery中ajax请求的使用和四个步骤示例

曾经终败给现在 2023-10-09 13:19 37阅读 0赞

jax() 方法用于执行 AJAX（异步 HTTP）请求，所有的 jQuery AJAX 方法都使用 ajax() 方法，该方法通常用于其他方法不能完成的请求。

基本的语法是：  
$.ajax(\{name:value, name:value, … \})

下面是通常使用的示例：

$.ajax({
    	type:'POST', // 规定请求的类型（GET 或 POST）
    	url:uploadV, // 请求的url地址
    	dataType:'json', //预期的服务器响应的数据类型 
    	data:{},//规定要发送到服务器的数据
    	beforeSend:function(){ //发送请求前运行的函数（发送之前就会进入这个函数）
    		// ....
    	},
    	success: function(result){ // 当请求成功时运行的函数
    		//...
    	},
    	error:function(result){ //失败的函数
    		//...
    	},
    	complete:function(){ //请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后，不管成功还是失败 都会进这个函数）
    		// ...
    	}
    });

如果还需要其他参数，参考下面列举的一下其他的可以用到的名称和值：

<table> 
 <thead> 
  <tr> 
   <th>名称</th> 
   <th>值/描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>async</td> 
   <td>布尔值，表示请求是否异步处理。默认是 true。</td> 
  </tr> 
  <tr> 
   <td>beforeSend(xhr)</td> 
   <td>发送请求前运行的函数。</td> 
  </tr> 
  <tr> 
   <td>cache</td> 
   <td>布尔值，表示浏览器是否缓存被请求页面。默认是 true。</td> 
  </tr> 
  <tr> 
   <td>complete(xhr,status)</td> 
   <td>请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后）。</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(data,type)</td> 
   <td>用于处理 XMLHttpRequest 原始响应数据的函数。</td> 
  </tr> 
  <tr> 
   <td>dataType</td> 
   <td>预期的服务器响应的数据类型。</td> 
  </tr> 
  <tr> 
   <td>error(xhr,status,error)</td> 
   <td>如果请求失败要运行的函数。</td> 
  </tr> 
  <tr> 
   <td>type</td> 
   <td>规定请求的类型（GET 或 POST）。</td> 
  </tr> 
  <tr> 
   <td>url</td> 
   <td>规定发送请求的 URL。默认是当前页面。</td> 
  </tr> 
  <tr> 
   <td>timeout</td> 
   <td>设置本地的请求超时时间（以毫秒计）。</td> 
  </tr> 
  <tr> 
   <td>success(result,status,xhr)</td> 
   <td>当请求成功时运行的函数。</td> 
  </tr> 
 </tbody> 
</table>