jQuery - AJAX

jQuery load() 方法

jQuery load() 方法是簡(jiǎn)單但強(qiáng)大的 AJAX 方法。

load() 方法從服務(wù)器加載數(shù)據(jù)，并把返回的數(shù)據(jù)放入被選元素中。

語(yǔ)法：

$(selector).load(URL,data,callback);

jQuery get() 和 post() 方法用于通過(guò) HTTP GET 或 POST 請(qǐng)求從服務(wù)器請(qǐng)求數(shù)據(jù)。

HTTP 請(qǐng)求：GET vs. POST

兩種在客戶端和服務(wù)器端進(jìn)行請(qǐng)求-響應(yīng)的常用方法是：GET 和 POST。

• GET - 從指定的資源請(qǐng)求數(shù)據(jù)
• POST - 向指定的資源提交要處理的數(shù)據(jù)

jQuery $.get() 方法

$.get() 方法通過(guò) HTTP GET 請(qǐng)求從服務(wù)器上請(qǐng)求數(shù)據(jù)。

語(yǔ)法：

$.get(URL,callback);

必需的 URL 參數(shù)規(guī)定您希望請(qǐng)求的 URL。

可選的 callback 參數(shù)是請(qǐng)求成功后所執(zhí)行的函數(shù)名。

下面的例子使用 $.get() 方法從服務(wù)器上的一個(gè)文件中取回?cái)?shù)據(jù)：

實(shí)例

$("button").click(function(){$.get("demo_test.asp",function(data,status){alert("Data: " + data + "\nStatus: " + status);}); });

jQuery $.post() 方法

$.post() 方法通過(guò) HTTP POST 請(qǐng)求從服務(wù)器上請(qǐng)求數(shù)據(jù)。

語(yǔ)法：

$.post(URL,data,callback);

必需的 URL 參數(shù)規(guī)定您希望請(qǐng)求的 URL。

可選的 data 參數(shù)規(guī)定連同請(qǐng)求發(fā)送的數(shù)據(jù)。

可選的 callback 參數(shù)是請(qǐng)求成功后所執(zhí)行的函數(shù)名。

下面的例子使用 $.post() 連同請(qǐng)求一起發(fā)送數(shù)據(jù)：

實(shí)例

$("button").click(function(){$.post("demo_test_post.asp",{name:"Donald Duck",city:"Duckburg"},function(data,status){alert("Data: " + data + "\nStatus: " + status);}); });

jQuery Ajax 操作函數(shù)

jQuery 庫(kù)擁有完整的 Ajax 兼容套件。其中的函數(shù)和方法允許我們?cè)诓凰⑿聻g覽器的情況下從服務(wù)器加載數(shù)據(jù)。下面大部分函數(shù)都用不上

函數(shù)描述

jQuery.ajax()	執(zhí)行異步 HTTP (Ajax) 請(qǐng)求。
.ajaxComplete()	當(dāng) Ajax 請(qǐng)求完成時(shí)注冊(cè)要調(diào)用的處理程序。這是一個(gè) Ajax 事件。
.ajaxError()	當(dāng) Ajax 請(qǐng)求完成且出現(xiàn)錯(cuò)誤時(shí)注冊(cè)要調(diào)用的處理程序。這是一個(gè) Ajax 事件。
.ajaxSend()	在 Ajax 請(qǐng)求發(fā)送之前顯示一條消息。
jQuery.ajaxSetup()	設(shè)置將來(lái)的 Ajax 請(qǐng)求的默認(rèn)值。
.ajaxStart()	當(dāng)首個(gè) Ajax 請(qǐng)求完成開(kāi)始時(shí)注冊(cè)要調(diào)用的處理程序。這是一個(gè) Ajax 事件。
.ajaxStop()	當(dāng)所有 Ajax 請(qǐng)求完成時(shí)注冊(cè)要調(diào)用的處理程序。這是一個(gè) Ajax 事件。
.ajaxSuccess()	當(dāng) Ajax 請(qǐng)求成功完成時(shí)顯示一條消息。
jQuery.get()	使用 HTTP GET 請(qǐng)求從服務(wù)器加載數(shù)據(jù)。
jQuery.getJSON()	使用 HTTP GET 請(qǐng)求從服務(wù)器加載 JSON 編碼數(shù)據(jù)。
jQuery.getScript()	使用 HTTP GET 請(qǐng)求從服務(wù)器加載 JavaScript 文件，然后執(zhí)行該文件。
.load()	從服務(wù)器加載數(shù)據(jù)，然后把返回到 HTML 放入匹配元素。
jQuery.param()	創(chuàng)建數(shù)組或?qū)ο蟮男蛄谢硎?#xff0c;適合在 URL 查詢字符串或 Ajax 請(qǐng)求中使用。
jQuery.post()	使用 HTTP POST 請(qǐng)求從服務(wù)器加載數(shù)據(jù)。
.serialize()	將表單內(nèi)容序列化為字符串。
.serializeArray()	序列化表單元素，返回 JSON 數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)。

轉(zhuǎn)載于:https://www.cnblogs.com/lsgsanxiao/p/5121973.html

總結(jié)

以上是生活随笔為你收集整理的JQ学习（三）-ajax的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。