jquery ajax中data属性详解

$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()  
   
一、$.ajax的一般格式  
$.ajax({  
     type: 'POST',  
     url: url ,  
     data: data ,
    dataType:dataType ,  
     success: success , 
     error: error   
});  
   
二、$.ajax的参数描述  
参数 描述  
url 必需。规定把请求发送到哪个 URL。  
data    可选。映射或字符串值。规定连同请求发送到服务器的数据。  
success(data, textStatus, jqXHR)    可选。请求成功时执行的回调函数。  
dataType      
可选。规定预期的服务器响应的数据类型。  
默认执行智能判断(xml、json、script 或 html)。  
   
三、$.ajax需要注意的一些地方:  
  1.data主要方式有三种,html拼接的,json数组,form表单经serialize()序列化的;通过dataType指定,不指定智能判断。  
  2.$.ajax只提交form以文本方式,如果异步提交包含<file>上传是传过不过去,需要使用jquery.form.js的$.ajaxSubmit  
  
四、$.ajax我的实际应用例子  
Js代码  收藏代码  
//1.$.ajax带json数据的异步请求    
var aj = $.ajax( {      
    url:'productManager_reverseUpdate',// 跳转到 action      
    data:{      
             selRollBack : selRollBack,      
             selOperatorsCode : selOperatorsCode,      
             PROVINCECODE : PROVINCECODE,      
             pass2 : pass2      
    },      
    type:'post',      
    cache:false,      
    dataType:'json',      
    success:function(data) {      
        if(data.msg =="true" ){      
            // view("修改成功!");      
            alert("修改成功!");      
            window.location.reload();      
        }else{      
            view(data.msg);      
        }      
     },      
     error : function() {      
          // view("异常!");      
          alert("异常!");      
     }      
});    
    
    
//2.$.ajax序列化表格内容为字符串的异步请求    
function noTips(){      
    var formParam = $("#form1").serialize();//序列化表格内容为字符串      
    $.ajax({      
        type:'post',          
        url:'Notice_noTipsNotice',      
        data:formParam,      
        cache:false,      
        dataType:'json',      
        success:function(data){      
        }      
    });      
}      
    
    
//3.$.ajax拼接url的异步请求    
var yz=$.ajax({      
     type:'post',      
     url:'validatePwd2_checkPwd2?password2='+password2,      
     data:{},      
     cache:false,      
     dataType:'json',      
     success:function(data){      
          if( data.msg =="false" ) //服务器返回false,就将validatePassword2的值改为pwd2Error,这是异步,需要考虑返回时间      
          {      
               textPassword2.html("<font color='red'>业务密码不正确!</font>");      
               $("#validatePassword2").val("pwd2Error");      
               checkPassword2 = false;      
               return;      
           }      
      },      
      error:function(){}      
});     
    
    
//4.$.ajax拼接data的异步请求    
$.ajax({       
    url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',       
    type:'post',       
    data:'merName='+values,       
    async : false, //默认为true 异步       
    error:function(){       
       alert('error');       
    },       
    success:function(data){       
       $("#"+divs).html(data);       
    }    
});    

 

原文地址:http://jun1986.iteye.com/blog/1399242

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

那些年的代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值