JavaScript異步 ajax
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
開發工具與關鍵技術：Adobe Dreamweaver JavaScript
作者：彭琦旺
撰寫時間：2020年5月5日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
jQuery中的ajax
1.1jQuery中的$.ajax({settings})方法
$.ajax({settings});
type:型別，"POST"或"GET",默認值為"GET"
url:發送請求的地址
async:設定異步，(默認: true) 默認設定下，所有請求均為異步請求。如果需要發送同步請求，
請將此選項設定為 false。注意，同步請求將鎖住瀏覽器，用戶其它操作必須等待請求完成才可以執行。
data:是一個物件，連同請求發送到服務器的資料
dataType:預期服務器回傳的資料型別,如果不指定，jQuery將自動根據http包MIME資訊來智能判斷,
一般我們采用json格式，可以設定為"json"
success:是一個方法，請求成功后的回呼函式，傳入回傳后的資料，以及包含成功代碼的字串
error:是一個方法，請求失敗是呼叫此函式，傳入XMLHttpRequest物件
//jQuery中ajax方法將表單資料提交給服務器
1.2表單序列化
serialize() 序串列單內容為字串，用于 Ajax 請求
serializeArray() 序列化表單元素 (類似 '.serialize()' 方法) 回傳 JSON 資料結構資料。
注意：此方法回傳的是JSON物件而非JSON字串。需要使用插件或者第三方庫進行字串化操作
回傳的JSON物件是由一個物件陣列組成的，其中每個物件包含一個或兩個名值對——name引數和value引數
2.0 jQuery中的$.post() $.get() $.getJSON()
1.0 jQuery中的$.get()方法
語法：$.get(url, [data], [callback], [type])
描述：通過遠程 HTTP GET 請求載入資訊。
這是一個簡單的 GET 請求功能以取代復雜 $.ajax 。請求成功時可呼叫回呼函式。如果需要在出錯時執行函式，請使用 $.ajax。
引數說明：
url:發送請求地址。
data:待發送 Key/value 引數。
callback:發送成功時回呼函式。
type:回傳內容格式，xml, html, script, json, text, _default。
2.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("/jQueryAjax/getDataByRequest", { name: strname, sex: strsex, address: straddress }, function (msg) {alert(msg); });
3. jQuery中的$.getJSON()方法
語法：$.getJSON(url, [data], [callback])
描述：通過 HTTP GET 請求載入JSON資料
引數說明：
url:發送請求地址。
data:待發送 Key/value 引數。
callback:發送成功時回呼函式。
$.getJSON()方法只能接受回傳值為json的資料
$.getJSON("/jQueryAjax/getDataByEntityClass", frmData, function (msg) {
console.log(msg);
alert(msg);
});
1.獲取資料的方法
獲取表單資料的4種方式：(可以接收post與get提交的資料)
1.通過形參的方式接收表單提交的資料
獲取表單資料的4種方式: 只能接收到post提交過來的資料
2.通過FormCollection來接收表單的資料
獲取表單資料的4種方式: 只能接收到post提交過來的資料
3.通過 Request.Form["name的屬性值"]獲取表單資料
獲取表單資料的4種方式: 可以接收post與get提交的資料
4.EntityClass物體類接收資料
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/53097.html
標籤：非技術區
下一篇：微信小程式設計 這個api問題怎么解決啊errMsg: collection.doc:fail docId must not be empty