ajax基础知识

清疚 2021-09-17 03:32 303阅读 0赞

## $.ajax() 方法常见参数属性 ##

$.ajax({
    	url: ...,
    	method: ...,
    	contentType: ...,
    	data: ...,
    	dataType: ...,
    	success : function(result) { ... }
    });

<table> 
 <thead> 
  <tr> 
   <th>属性名</th> 
   <th>类型</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>url</td> 
   <td>string</td> 
   <td>所请求的 URL</td> 
  </tr> 
  <tr> 
   <td>method</td> 
   <td>string</td> 
   <td>请求方式</td> 
  </tr> 
  <tr> 
   <td>contentType</td> 
   <td>string</td> 
   <td>所发送的参数数据的格式/类型，默认值为： application/x-www-form-urlencoded</td> 
  </tr> 
  <tr> 
   <td>data</td> 
   <td>string</td> 
   <td>所发送的参数数据</td> 
  </tr> 
  <tr> 
   <td>dataType</td> 
   <td>string</td> 
   <td>（预期的）服务器返回的数据格式/类型</td> 
  </tr> 
  <tr> 
   <td>success</td> 
   <td>function</td> 
   <td>成功收到服务器回的数据之后执行的回调函数</td> 
  </tr> 
 </tbody> 
</table>

#### 对于 get 请求 ####

contentType: 忽略（即使用默认值）。  
data: 可忽略，因为 get 请求的参数通常是拼接在 URL 之后。

### 对于 post 的普通请求 ###

method : post  
contentType: 忽略（即使用默认值）  
data: 格式为 key1=val1&key2=val2&key3=val3&… 如此键值对的形式

### 对于 post 的 json 请求 ###

method : post  
contentType: application/json 表示传递的参数是 json 格式的字符串，而非传统形式。  
data: JSON.stringify(obj) ，一个符合JSON格式规则的字符串，通常是直接来自 jOSN 对象。  
dataType  
dataType 是预期的服务器回的数据的格式。例如有： text/html （默认值，表示是 HTML格式的字符串）和 application/json （表示是 JSON 格式的字符串）.

$.ajax({
    		url:'/sxnd-erp/api/cat',
    		type:'post',
    		data:{'id':parentId},
    		dataType:'json',
    		success:function(data){
    			var t="<option value='0'>----三级标题----</option>";
    			for(var i=0;i<data.rows.length;i++){
    				t+="<option value="+data.rows[i].id+">"+data.rows[i].name+"</option>";
    			}
    			$("#a").html(t);
    		 },
    		error:function(data){
    			alert("三级标题！");
    		 }
    	})