jQuery Ajax 实例 ($.ajax、$.post、$.get)

版权所有,禁止匿名转载;禁止商业使用。

Jquery在异步提交方面封装的很好,直接用AJAX非常麻烦,Jquery大大简化了我们的操作,不用考虑浏览器的诧异了。



$.post、$.get是一些简单的方法,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()


一、$.ajax的一般格式


$.ajax({


type: ‘POST’,


url: url ,


data: data ,


success: success ,


dataType: dataType


});


二、$.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” ) 

          {    

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

    }  

}); 


0 0