jQuery 使用手册(七)

七
：Ajax支持

 通用方式：$.ajax(prop)    通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种。         (String)type：数据传递方式(get或post)。         ((String)url：数据请求页面的url         ((String)data：传递数据的参数字符串，只适合post方式         ((String)dataType：期待数据返回的数据格式(例如 "xml", "html", "script",或 "json")         ((Boolean)ifModified： 当最后一次请求的相应有变化是才成功返回，默认值是false         ((Number)timeout:设置时间延迟请求的时间。可以参考$.ajaxTimeout         ((Boolean)global：是否为当前请求触发ajax全局事件，默认为true         ((Function)error：当请求失败时触发的函数。         ((Function)success：当请求成功时触发函数         ((Function)complete：当请求完成后出发函数jQuery代码及说明

$.ajax({url: 
"
ajax.htm
"
,          success:
function
(msg){                          $(div
"
#a
"
).html(msg);                }     });
将ajax.htm返回的内容作为id为a的div内容

$.ajax({ url: 
"
ajax.aspx
"
,              type:
"
get
"
,                        dataType:
"
html
"
,             data: 
"
name=John&location=Boston
"
,             success:
function
(msg){                                  $(
"
#a
"
).html(msg);                              }          });
用get方式向ajax.aspx页面传参数，并将返回内容负给id为a的对象。$.ajaxTimeout(time) 设置请求结束时间   $.ajaxTimeout( 5000 )其它简化方式： $.get(url, params, callback)  用get方式向远程页面传递参数，请求完成后处理函数，除了url外，其它参数任意选择！

$.get( 
"
ajax.htm
"
 , 
function
(data){ $(
"
#a
"
).html(data)  })


$.get(  
"
ajax.asp
"
,             { name: 
"
young
"
, age: 
"
25
"
 },
            function
(data){ alert(
"
Data Loaded: 
"
 
+
 data); }        ) 
$.getIfModified(url, params, callback)  用get方式向远程页面传递参数，从最后一次请求后如果数据有变化才作出响应，执行函数callback$.getJSON(url, params, callback)  用get方式向远程json对象传递参数，请求完成后处理函数callback。$.getScript(url, callback)  用get方式载入并运行一个远程javascript文件。请求完成后处理函数callback。$.post(url, params, callback)  用post方式向远程页面传递参数，请求完成后处理函数callbackload(url, params, callback)  载入一个远程文件并载入页面DOM中，并执行函数callback

$(
"
#a
"
).load(
"
ajax.htm
"
, 
function
() { alert(
"
load is done
"
); } );
仰天一笑 徐羽 向ajax.htm页面发出请求，将返回结果装入id为a的内容中，然后再执行函数callback。loadIfModified(url, params, callback)  用get方式向远程页面传递参数，从最后一次请求后如果数据有变化才作出响应，将返回结果载入页面DOM中，并执行函数callbackajaxStart(callback) 当ajax请求发生错误是时执行函数callbackajaxComplete(callback)  当ajax请求完成时执行函数callbackajaxError(callback)  当ajax请求发生错误时执行函数callbackajaxStop(callback)  当ajax请求停止时执行函数callbackajaxSuccess(callback)  当ajax请求成功时执行函数callback                                          结束：jQuery插件     随着jQuery的广泛使用，已经出现了大量jQuery插件，如thickbox，iFX，jQuery-googleMap等，简单的引用这些源文件就可以方便的使用这些插件。这里我简单的介绍一些网址供大家参考，这些网站头提供了大量的demo，并且使用及其简单，及时E文不好，也能快速掌握！ http://jquery.com/plugins     官方推荐    http://interface.eyecon.ro/demos    效果超级棒，使用更简单，一定有你喜欢的！    http://www.dyve.net/jquery/    http://bassistance.de/jquery-plugins


有用  |  无用 取消

猜你喜欢