1.jQuery中的$.ajax({settings})方法
語法：$.ajax({settings});
type:型別，"POST"或"GET",默認值為"GET"
url:發送請求的地址
async:設定異步，(默認: true) 默認設定下，所有請求均為異步請求。如果需要發送同步請求，請將此選項設定為 false。注意，同步請求將鎖住瀏覽器，用戶其它操作必須等待請求完成才可以執行。
data:是一個物件，連同請求發送到服務器的資料
dataType:預期服務器回傳的資料型別,如果不指定，jQuery將自動根據http包MIME資訊來智能判斷,一般我們采用json格式，可以設定為"json"
success:是一個方法，請求成功后的回呼函式，傳入回傳后的資料，以及包含成功代碼的字串
error:是一個方法，請求失敗是呼叫此函式，傳入XMLHttpRequest物件
那么我們用jQuery中ajax方法從服務器上獲取資料：
2.表單序列化
serialize()：序串列單內容為字串，用于 Ajax 請求
serializeArray()：序列化表單元素 (類似 '.serialize()' 方法) 回傳 JSON 資料結構資料。
注意：此方法回傳的是JSON物件而非JSON字串。需要使用插件或者第三方庫進行字串化操作
回傳的JSON物件是由一個物件陣列組成的，其中每個物件包含一個或兩個名值對——name引數和value引數
那么我們用jQuery中ajax方法將表單資料提交給服務器
首先獲取要提交的內容：
對表單進行一波判斷，有內容才進行提交
將要提交的表單內容序列化
使用ajax方法將表單資料提交給服務器
3.jQuery中的$.post()、$.get()、$.getJSON()
① $.get()方法：通過遠程 HTTP GET 請求載入資訊。
語法：$.get(url, [data], [callback], [type])
這就相當于一個簡單的Get功能的$.ajax,請求成功時可呼叫回呼函式。但是如果需要在出錯時執行函式，那就只能使用 $.ajax。
引數說明：
url:發送請求地址。
data:待發送 Key/value 引數。
callback:發送成功時回呼函式。
type:回傳內容格式，xml, html, script, json, text, _default。
下面使用$.get()方法從服務器上獲取資料：
② $.post()方法：通過遠程 HTTP POST 請求載入資訊。
語法：$.post(url, [data], [callback], [type])
這就相當于一個簡單的Post功能的$.ajax,請求成功時可呼叫回呼函式。但是如果需要在出錯時執行函式，那就只能使用 $.ajax。
引數說明：
url:發送請求地址。
data:待發送 Key/value 引數。
callback:發送成功時回呼函式。
type:回傳內容格式，xml, html, script, json, text, _default。
下面使用$.post向服務器提交資料：
首先常規獲取資料和判斷資料，并對表單進行序列化
然后使用$.post向服務器提交資料
③ $.getJSON()方法：通過 HTTP GET 請求載入JSON資料
語法：$.getJSON(url, [data], [callback])
引數說明：
url:發送請求地址。
data:待發送 Key/value 引數。
callback:發送成功時回呼函式。
下面使用$.getJSON向服務器提交資料：
老樣子對資料進行獲取和判斷：
然后使用$.getJSON向服務器提交資料
注意！！！$.getJSON()方法只能接受回傳值為json的資料，這個方法就相當于$.get()方法省略了type，不需要自己去寫回傳格式了，$.getJSON()方法幫你寫成json格式了。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/53083.html
標籤：非技術區
下一篇：新人求指導JS中快捷鍵問題