jQuery使用手册(七)

PXY雨少

PXY雨少

2016-02-19 13:56

今天图老师小编给大家介绍下jQuery使用手册(七),平时喜欢jQuery使用手册(七)的朋友赶紧收藏起来吧!记得点赞哦~

jQuery 使用手册,大家可以耐心的看完,就基本上入门了。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

: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外,其它参数任意选择

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)$.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方式向远程页面传递参数,请求完成后处理函数callback
load(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中,并执行函数callback
ajaxStart(callback) 当ajax请求发生错误是时执行函数callback
ajaxComplete(callback) 当ajax请求完成时执行函数callback
ajaxError(callback) 当ajax请求发生错误时执行函数callback
ajaxStop(callback) 当ajax请求停止时执行函数callback
ajaxSuccess(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

展开更多 50%)
分享

猜你喜欢

jQuery使用手册(七)

Web开发
jQuery使用手册(七)

jQuery 使用手册(一)

Web开发
jQuery 使用手册(一)

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

JQuery autocomplete 使用手册

Web开发
JQuery autocomplete 使用手册

jQuery 使用手册(五)

Web开发
jQuery 使用手册(五)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery 使用手册(四)

Web开发
jQuery 使用手册(四)

jQuery 使用手册(三)

Web开发
jQuery 使用手册(三)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

曾经,肆无忌惮旳挥霍 - QQ伤感分组

曾经,肆无忌惮旳挥霍 - QQ伤感分组

jQuery常用插件介绍/收集

jQuery常用插件介绍/收集
下拉加载更多内容 ↓