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. });  
     
  • 2
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值