JQueryAJAX.ppt

1、JQuery AJAX,目录,JQuery中的Ajax方法 监测Ajax调用过程 其他,JQuery中的Ajax方法,JQuery AJAX结构有方法用于发送AJAX请求,AJAX事件检测AJAX请求发送的过程,还有一些其他方法辅助. 最底层的方法：$.ajax() 第2层方法： $(“”).load(),$.post(),$.get() 第3层方法：$.getScript,$.getJSON() 除了load()方法外，其他的方法都是全局方法。,load()方法,载入远程HTML代码并插入DOM中.常常用来从服务器获取静态的数据文件。 load(url,data,callback) url,

2、string类型，请求HTML页面的URL地址；”url selector”格式可以筛选载入的HTML文档 data，可选，Object类型，发送至服务器的key/value数据，如果没有data,以get方式发送请求,否则以post方式。格式属性名:值, callback,可选，function类型，指定完成时的回调函数。function(responseText,textStatus,XMLHttpRequest) responseText:请求返回的内容 textStatus:请求状态，success,error,notmodified,timeout,$.ajax(options),o

3、ptions是key/value形式参数 url 地址 type发送方式，”post”或者”get” dataType请求的数据格式，如”script”,”json”等 data发送给服务器的数据 success,complete,error,beforeSend定义各事件发生时回调的函数 Global定义是否触发全局AJAX事件,$.get()方法和$.post()方法,$.get(url,data,callback,type) url 请求HTML页的URL地址 data(可选)发送至服务器的key/value数据 callback(可选) 载入成功时回调函数,回调方法的格式functio

4、n(data,textStatus) type(可选)服务端返回内容的格式，包括xml,html,script,json,text和_default 返回值如果是HTML格式，$().html(data) XML格式，使用find,attr,filter等方法访问XML结果，建立HTML代码并显示 JSON格式，使用$.each()方法访问数据，建立HTML代码并显示,向服务器传递数据,属性名称:值,如果属性是数组，值得格式是d1,d2 “name”:$(“”).val() 如果数据较多的情况下，可以使用serialize()执行标单序列化 $(“”).serialize(),监测AJAX调用过程,JQuery提供了一组函数如ajaxStart()、ajaxStop()方法，通过他们能够为各种和AJAX相关的事件注册回调函数 ajaxStart当AJAX请求开始且还没有进行其他传输时触发； 当最后一次活动请求终止时，执行ajaxStop注册的回调函数 $().ready(function() $(“#loading”).ajaxStar