jQuery中的$.ajax({settings})方法
$.ajax({settings})
type:型別，"POST"或"GET",默認值為"GET"
url:發送請求的地址
async:設定異步，(默認: true) 默認設定下，所有請求均為異步請求。如果需要發送同步請求，請將此選
項設定為 false。注意，同步請求將鎖住瀏覽器，用戶其它操作必須等待請求完成才可以執行。
data:是一個物件，連同請求發送到服務器的資料
dataType:預期服務器回傳的資料型別,如果不指定，jQuery將自動根據http包MIME資訊來智能判斷, 一
般我們采用json格式，可以設定為"json"
success:是一個方法，請求成功后的回呼函式，傳入回傳后的資料，以及包含成功代碼的字串
error:是一個方法，請求失敗是呼叫此函式，傳入XMLHttpRequest物件
serialize() 序列化表單內容為字串，用于ajax請求
serializeArray() 序列化表單元素 (類似 '.serialize()' 方法) 回傳 JSON 資料結構資料。
注意：此方法回傳的是JSON物件而非JSON字串。需要使用插件或者第三方庫進行字串化操作，回傳的JSON
物件是由一個物件陣列組成的，其中每個物件包含一個或兩個名值對——name引數和value引數
接收資料的方式也是四種，與JavaScript Ajax的接收方式是一樣的
表單內容：<input id="name">,<select id="sex"></select>,<textarea id="address"></textarea>
例：//jQuery中ajax方法從服務器上獲取資料
function jqGetData() {
$.ajax({
type: "get",
url: "/jQueryAjax/getData",
async: true,
dataType: "json",
success: function (data) {
//console.log(data);
$("#name").val(data.name);
$("#sex").val(data.sex);
$("#address").val(data.address);
}
});
};
//jQuery中ajax方法向服務器提交資料
function jqPostData() {
var name = $("#name").val();
var sex = $("#sex").val();
var address = $("#address").val();
if (name == "" || sex == 0 || address == "") {
alert("資料不完整");
return;
}
//整合資料的方法：①、②、③
var formData = "name=" + name + "&sex=" + sex + "&address=" + address; //①拼接表單資料
var serData = $("#myForm").serialize(); //②序列化表單內容為字串
//console.log(serData);
var arrData = $("#myForm").serializeArray(); //③序列化表單內容為JSON物件
//console.log(arrData);
$.ajax({
type: "post",
url: "/jQueryAjax/postData",
data: formData, //通過字串拼接處理的表單資料
//data: serData, //通過序列化方法處理的表單資料
//data: arrData, //通過序列化方法處理的表單資料
success: function (data) {
alert(data);
},
error: function (xmlhttp) {
console.log(xmlhttp);
}
});
};
jQuery中的$.get()方法
語法：$.get(url, [data], [callback], [type])
描述：通過遠程 HTTP GET 請求載入資訊。這是一個簡單的 GET 請求功能以取代復雜 $.ajax 。請求成功時可
呼叫回呼函式。如果需要在出錯時執行函式，請使用 $.ajax。
引數說明：
url:發送請求的地址。
data:待發送 Key/value 引數。
callback:發送成功時回呼函式。
type:回傳內容格式，xml, html, script, json, text, _default。
例：//使用$.get()方法從服務器上獲取資料
function getFun() {
$.get("/jQueryAjax/getData", function (data) {
//console.log(data);
$("#name").val(data.name);
$("#sex").val(data.sex);
$("#address").val(data.address);
},"json");
};
jQuery中的$.post()方法
語法：$.post(url, [data], [callback], [type])
描述：通過遠程 HTTP POST 請求載入資訊。這是一個簡單的 POST 請求功能以取代復雜 $.ajax 。請求成功時
可呼叫回呼函式。如果需要在出錯時執行函式，請使用 $.ajax。
引數說明：
url:發送請求的地址。
data:待發送 Key/value 引數。
callback:發送成功時回呼函式。
type:回傳內容格式，xml, html, script, json, text, _default。
例：//使用$.post()方法向服務器提交資料
function postFun() {
var name = $("#name").val();
var sex = $("#sex").val();
var address = $("#address").val();
if (name == "" || sex == 0 || address == "") {
alert("資料不完整！");
return;
}
var fromData = $("#myForm").serialize();
$.post("/jQueryAjax/postData", fromData, function (data) {
console.log(data);
});
};
jQuery中的$.getJSON()方法
語法：$.getJSON(url, [data], [callback])
描述：通過 HTTP GET 請求載入JSON資料
引數說明：
url:發送請求的地址。
data:待發送 Key/value 引數。
callback:發送成功時回呼函式。
例：function getJSONFun() {
var name = $("#name").val();
var sex = $("#sex").val();
var address = $("#address").val();
if (name == "" || sex == 0 || address == "") {
alert("資料不完整！");
return;
}
var fromData = $("#myForm").serialize();
//$.getJSON()方法只能接受回傳值為json的資料,所以服務器回傳的值必須是json資料
$.getJSON("/jQueryAjax/getJSONData", fromData, function (data) {
console.log(data);
});
};
接收方式：public ActionResult getJSONData(string name, string sex, string address)
{
string str = "name:" + name + " " + "sex:" + sex + " " + "address:" + address;
return Json(str, JsonRequestBehavior.AllowGet);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/53052.html
標籤：非技術區
上一篇：jQuery事件總結
下一篇：請問個網頁列印表格出現的問題