jquery ajax中data属性详解

  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. });    

猜你喜欢

转载自blog.csdn.net/baidu_20876831/article/details/79491524