jQuery 的 AJAX 函数的使用

什么是 AJAX？

ajax = asynchronous javascript and xml.

AJAX 是一种创建快速动态网页的技术。

AJAX 通过在后台与服务器交换少量数据的方式，允许网页进行异步更新。这意味着有可能在不重载整个页面的情况下，对网页的一部分进行更新。

AJAX 和 jQuery

jQuery 提供了用于 AJAX 开发的丰富函数（方法）库。

通过 jQuery AJAX，使用 HTTP Get 和 HTTP Post，您都可以从远程服务器请求 TXT、HTML、XML 或 JSON。

Load函数

$(selector).load(url,data,function(response,status,xhr)))
最简单的运用，载入网页一个文件，例如txt,html
如：$('#myDiv').load('/jquery/test1.txt');就是将放在jquery文件夹中的test1.txt文件中的字载入网页的class="muDiv"节点中。

get() 方法

$(selector).get(url,data,success(response,status,xhr),dataType)
url 必需。规定将请求发送的哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
success(response,status,xhr)可选。规定当请求成功时运行的函数。
response - 包含来自请求的结果数,status - 包含请求的状态,xhr - 包含 XMLHttpRequest 对象
dataType可选。规定预计的服务器响应的数据类型。
如果写成ajax，就是：
$.ajax({ 
url: url, 
data: data, 
success: 
success, 
dataType: dataType
 });

post() 方法

SpeakingPass-打造你的专属雅思口语语料

使用chatGPT帮你快速备考雅思口语，提升分数

25

查看详情

jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
同理：ajax表示：
$.ajax({ 
  type: 'POST', 
  url: url,
 data: data,
 success: success,
 dataType:dataType
 });

ajaxError()

ajaxError() 方法在 AJAX 请求发生错误时执行函数。它是一个 Ajax 事件。

即当 AJAX 请求失败时使用

$("div").ajaxError(function(){ alert("An error occurred!"); });比如失败时弹出提示框

ajaxSuccess() 方法

同理ajaxSuccess() 方法在 AJAX 请求成功时执行函数。它是一个 Ajax 事件

这是最常用的几个方法，其他还有自行寻找。