Jquery在異步提交方面封裝的很好，直接用AJAX非常麻煩，Jquery大大簡化了我們的操作，不用考慮瀏覽器的詫異了。

推薦一篇不錯的jQuery Ajax 實例文章，忘記了可以去看看，地址為：http://www.cnblogs.com/yeer/archive/2009/07/23/1529460.html 和 http://www.w3school.com.cn/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數據的異步請求

varaj=$.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序列化表格內容為字符串的異步請求

functionnoTips(){

varformParam=$("#form1").serialize();//序列化表格內容為字符串

$.ajax({

type:'post',

url:'Notice_noTipsNotice',

data:formParam,

cache:false,

dataType:'json',

success:function(data){

}

});

}

//3.$.ajax拼接url的異步請求

varyz=$.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("<fontcolor='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);

}

});

總結

以上是生活随笔為你收集整理的Query Ajax 实例 ($.ajax、$.post、$.get)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。