jQuery中ajax请求的使用

淩亂°似流年 2023-07-13 03:08 13阅读 0赞

###### 1、导入jquery(必须) ######

###### 2、ajax的使用步骤 ######

$.ajax({ 
    				type:"post",  // 规定请求的类型（get或 post）
    				
    				url:"http://localhost:8080/ssm/...", // 请求的url地址
    				
    				data:{ "name":"zhao","age":"20"}, //规定要发送到服务器的数据
    				
    				cache:false, //表示浏览器是否缓存被请求页面,默认是 true。
    				
    				async:false, //表示请求是否异步处理,默认是 true。
    				
    				dataType:JSON //预期的服务器响应的数据类型 
    				
    				beforeSend:function(){  //发送请求前运行的函数（发送之前就会进入这个函数）
    				},
    				
    				success:function (data) {   // 当请求成功时运行的函数
    					alert("成功");
    				},
    				
    				error:function (data) {    //请求失败的函数
    					alert("失败");
    				},
    				
    				complete:function(){  //请求完成时运行的函数（在请求成功或失败之后均调用，即在 success 和 error 函数之后，不管成功还是失败 都会进这个函数）
    				}
    			});

###### 2、ajax中可能用到的参数 ######

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