ajax - 基於jQuery的樣本

標籤：stat   false   常用   orm   function   ret   url   form   erro   

常用寫法

$.ajax({
"url":url,
"data":data,
"type":"post",
contentType:"json",
"success":function(resp, textStatus, xmlHttp){

},
"error":function(xmlHttp, textStatus, exception){
alert(xmlHttp.status);
}
});

$.get(url, data, function(resp, textStatus, xmlHttp){

}, "json");

$.post(url, data, function(resp, textStatus, xmlHttp){

}, "json");

 

//jquery-ajax提交執行個體
$("#myform").submit(function(){
//表單序列化
var data = $("#myform").serialize();
//定義請求url
var url = "login";
//調用jquery的Ajax要求方法
$.ajax({
"data":data,
"type":"post",
"url":url,
"dataType":"json",
"success":function(resp, textStatus, xmlHttp){
$("#res").html(resp);
},
"error":function(xmlHttp, textStatus, exception){
alert(xmlHttp.status);
}
});
//取消表單的提交
return false;
});

 

//基本jQuery-get提交執行個體，和post一樣，換個函數名為$.post即可
$("#myform").submit(function(){
var data = $("#myform").serialize();
var url = "login";
$.get(url,data, function(resp, textStatus, xmlHttp){
alert(resp+","+textStatus+","+xmlHttp.status);
});
//取消表單的提交
return false;
});

//基本jQuery-load提交執行個體
$("#myform").submit(function(){
var data = $("#myform").serialize();
var url = "login";
$("#res").load(url, data, function(resp, textStatus, xmlHttp){
//alert("hello");
alert(resp+","+textStatus+","+xmlHttp.status);
});
//取消表單的提交
return false;
});

ajax - 基於jQuery的樣本