jquery ajax中data属性详解

标签：turn   strong   class   success   提交   cat   date   min   erro   

1. $.post、$.get是一些简单的方法，如果要处理复杂的逻辑，还是需要用到jQuery.ajax()  
2.    
3. 一、$.ajax的一般格式  
4. $.ajax({  
5.      type: ‘POST‘,  
6.      url: url ,  
7.     data: data ,  
8.     success: success ,  
9.     dataType: dataType  
10. });  
11.    
12. 二、$.ajax的参数描述  
13. 参数 描述  
14. url 必需。规定把请求发送到哪个 URL。  
15. data    可选。映射或字符串值。规定连同请求发送到服务器的数据。  
16. success(data, textStatus, jqXHR)    可选。请求成功时执行的回调函数。  
17. dataType      
18. 可选。规定预期的服务器响应的数据类型。  
19. 默认执行智能判断（xml、json、script 或 html）。  
20.    
21. 三、$.ajax需要注意的一些地方：  
22.   1.data主要方式有三种，html拼接的，json数组，form表单经serialize()序列化的；通过dataType指定，不指定智能判断。  
23.   2.$.ajax只提交form以文本方式，如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit  
24.   
25. 四、$.ajax我的实际应用例子  
26. Js代码  收藏代码  
27. //1.$.ajax带json数据的异步请求    
28. var aj = $.ajax( {      
29.     url:‘productManager_reverseUpdate‘,// 跳转到 action      
30.     data:{      
31.              selRollBack : selRollBack,      
32.              selOperatorsCode : selOperatorsCode,      
33.              PROVINCECODE : PROVINCECODE,      
34.              pass2 : pass2      
35.     },      
36.     type:‘post‘,      
37.     cache:false,      
38.     dataType:‘json‘,      
39.     success:function(data) {      
40.         if(data.msg =="true" ){      
41.             // view("修改成功！");      
42.             alert("修改成功！");      
43.             window.location.reload();      
44.         }else{      
45.             view(data.msg);      
46.         }      
47.      },      
48.      error : function() {      
49.           // view("异常！");      
50.           alert("异常！");      
51.      }      
52. });    
53.     
54.     
55. //2.$.ajax序列化表格内容为字符串的异步请求    
56. function noTips(){      
57.     var formParam = $("#form1").serialize();//序列化表格内容为字符串      
58.     $.ajax({      
59.         type:‘post‘,          
60.         url:‘Notice_noTipsNotice‘,      
61.         data:formParam,      
62.         cache:false,      
63.         dataType:‘json‘,      
64.         success:function(data){      
65.         }      
66.     });      
67. }      
68.     
69.     
70. //3.$.ajax拼接url的异步请求    
71. var yz=$.ajax({      
72.      type:‘post‘,      
73.      url:‘validatePwd2_checkPwd2?password2=‘+password2,      
74.      data:{},      
75.      cache:false,      
76.      dataType:‘json‘,      
77.      success:function(data){      
78.           if( data.msg =="false" ) //服务器返回false，就将validatePassword2的值改为pwd2Error，这是异步，需要考虑返回时间      
79.           {      
80.                textPassword2.html("<font color=‘red‘>业务密码不正确！</font>");      
81.                $("#validatePassword2").val("pwd2Error");      
82.                checkPassword2 = false;      
83.                return;      
84.            }      
85.       },      
86.       error:function(){}      
87. });     
88.     
89.     
90. //4.$.ajax拼接data的异步请求    
91. $.ajax({       
92.     url:‘<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action‘,       
93.     type:‘post‘,       
94.     data:‘merName=‘+values,       
95.     async : false, //默认为true 异步       
96.     error:function(){       
97.        alert(‘error‘);       
98.     },       
99.     success:function(data){       
100.        $("#"+divs).html(data);       
101.     }    
102. });    

jquery ajax中data属性详解

标签：turn   strong   class   success   提交   cat   date   min   erro   

原文地址：http://www.cnblogs.com/chenhuichao/p/7753321.html