Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery 的 AJAX 函数的使用

PHP中文网
Freigeben: 2016-05-16 19:25:36
Original
1141 Leute haben es durchsucht

什么是 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() 方法

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 事件

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


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage