什么是 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 事件
这是最常用的几个方法,其他还有自行寻找。