jQuery中Ajax的使用
时间:2010-07-02 来源:applesun
jQuery作为javascript的一种框架,功能非常强大,且对Ajax技术提供了很好的支持。
Ajax 技术就是异步javascript and xml,向服务器提交请求(XMLHttpRequest),在不刷新当前页面的情况下,从服务器获得数据且更新当前页面。
jQuery.ajax(settings):一般不使用这个函数,这个函数参数是 settings,即利用ajax进行必要的参数设置,工作量比较繁杂,经常使用更高级更抽象的封装,如$.get(),$.post() 和.load()三个函数。
.ajaxComplete(function(){}):注册处理函数,当 ajax完成后,无论成功与否,都将执行handler函数。
.ajaxError(function(){}):注册处理函数,当ajax带错完成后,将执行handler函数。
.ajaxSend(function(){}):在 ajax请求发送之前,执行handler函数。
jQuery.ajaxSetup({key1:value1,key2:value2...}): 设置settings的默认值。即$.ajax()参数。
.ajaxStart(function(){}):注册处理函数,当ajax请求开始发送时,执行handler函数。
.ajaxStop(function(){}):注册处理函数,当完成所有的ajax请求后,即再无任何请求,执行函数。
.ajaxSuccess(function(){}):注册处理函数handler,当ajax请求成功完成,执行函数。
jQuery.get(url, [ data ], [ callback(data, textStatus, XMLHttpRequest) ], [ dataType ]):使用GET方法从服务器端获取数据,参数url表示请求的页面,即请求发送的目的地;[data]可选参数,请求url页面的必要数据;[callback]可选参数,回调函数,如果请求成功,执行该函数;[datatype]可选参数,表示从服务器端期望返回的数据类型,有XML,JSON等。
.load(url, [ data ], [ complete(responseText, textStatus, XMLHttpRequest) ]):[complete]可选参数,请求成功完成后,执行该函数。.load从服务器端获取数据,将获得的html文本插入到匹配的元素中。
jQuery.post():利用POST方法,从服务器端获取数据,其他和jQuery.get()类似。