七
: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方式向远程页面传递参数,请求完成后处理函数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是一个轻量级、高性能的JavaScript库,旨在简化HTML文档遍历、事件处理、动画制作以及Ajax交互。这份...
`jQuery1.11.0_20140330.chm`可能是早期版本的jQuery API参考,而`jQueryAPI_CHM.CHM`则是针对jQuery 1.x系列的API手册,可能包含了1.12.4版本的相关信息。 在这些API文档中,你可以找到jQuery的函数、方法、选择器...
**jQuery使用手册及实例** jQuery 是一款非常流行的 JavaScript 库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等多个方面,使得JavaScript编程变得更加简洁高效。本篇内容将深入探讨jQuery的核心概念、常用...
### jQuery使用手册精要 #### 引言:走进jQuery的世界 在前端开发领域,JavaScript作为网页动态效果的核心语言,其重要性不言而喻。然而,原生JavaScript的语法复杂性和DOM操作的繁琐性,让不少开发者望而却步。...
†jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又 想写出优 秀的js效果,jQuery可以 帮你达到目的!大家可以看看有keel翻译的jQuery入门
**jQuery使用手册** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画设计和Ajax交互。这个集合包含了不同版本的jQuery使用手册,包括英文版和中文版,适合各种语言背景的开发者...
资源名称:jquery1.7 中文手册 CHM文档(附jquery1.82 chm手册)内容简介:因国内jquery中文手册更新太慢了,等了一段时间实在等不下去了,干脆自己动手做一个丰衣足食,时刻更新. 最后感谢Shawphy提供1.4.1版,jehn提供...
资源名称:jQuery 中文手册 1.11.1内容简介:jquery中文手册 自从 2011 第1.7版到现在,这期间进行了很多次修改,因为作者相信:只要用心,哪怕一个小玩意都可以做到极致。 jQuery API 1.4.4 是一部比较详细的中文...
《jQuery API 使用手册》是开发人员使用jQuery框架进行网页交互和功能实现的重要参考资料。jQuery是一个高效、简洁且易用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作以及Ajax交互等任务。手册...
jQuery API 3.3.1 中文手册,jQuery是一个JavaScript框架,自面世以来,以其快速、简洁,能够很轻易地处理HTML文档、控制事件、给页面添加动画和Ajax效果等功能使多很多WEB编程者对其非常热爱,本手册旨在帮助广大...
《jQuery1.3.1中文使用手册》是针对JavaScript库jQuery 1.3.1版本的一份详尽指南,旨在帮助开发者深入理解和高效利用jQuery进行网页交互和动态效果的实现。该手册包含了丰富的API(应用程序接口)解释和实例,使得在...
jQuery 3.1 参考手册
jQuery开发手册jQuery开发手册jQuery开发手册jQuery开发手册jQuery开发手册jQuery开发手册jQuery开发手册
JQUERY 使用手册JQUERY 使用手册JQUERY 使用手册JQUERY 使用手册
jQuery的动画系统强大且易于使用: 1. `$().fadeIn()`/`.fadeOut()`:元素淡入/淡出。 2. `$().slideToggle()`:元素滑动显示/隐藏。 3. `$().animate()`:自定义动画,可以控制多个CSS属性。 ### AJAX交互 jQuery...
jQuery使用手册,刚好自己有用,2020年2月25日下载生成的chm文档,非常新鲜,使用可以帮到有需要的小伙伴们。
说明:本人用了一下午时间才整理出来的,好累,晚饭都没顾上吃,故此,...本手册从以下几个内容来讲解jQuery的使用: 1:核心部分 2:DOM操作 3:css操作 4:javascript处理 5:动态效果 6:event事件 7:ajax支持 8:插件程序