- 1、本文档共10页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
《jQuery Ajax 实例 全解析》.doc
jQuery Ajax 实例 全解析
jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。
废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).
1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。
url(String) : 请求的HTML页的URL地址。
data(Map) : (可选参数) 发送至服务器的 key/value 数据。
callback(Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。
这个方法默认使用 GET 方式来传递的,如果[data]参数有传递数据进去,就会自动转换为POST方式的。jQuery 1.2 中,可以指定选择符,来筛选载入的 HTML 文档,DOM 中将仅插入筛选出的 HTML 代码。语法形如 url #some selector。
这个方法可以很方便的动态加载一些HTML文件,例如表单。
示例代码:
$(.ajax.load).load(/yeer/archive/2009/06/10/1500682.html .post,function (responseText, textStatus, XMLHttpRequest){this;//在这里this指向的是当前的DOM对象,即$(.ajax.load)[0]//alert(responseText);//请求返回的内容
//alert(textStatus);//请求状态:success,error
//alert(XMLHttpRequest);//XMLHttpRequest对象
});
jquery之empty()与remove()区别
要用到移除指定元素的时候,发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点,拿$(p).empty()来说,他只是把pdsfsd/p中的文本给移除了,而留下 了p/p,仍保留其在dom中所占的位置。remove([expr])则是把其从dom中删除,而不会保留其所占的位置。例:pHello/pWorldpwelcome/p执行$(p).empty()其结果是p/pWorldp/p执行$(p).remove()其结果是World
posted @ 2009-06-10 17:30 吊儿郎当 阅读(14729) 评论(0) 编辑 收藏
注:不知道为什么URL写绝对路径在FF下会出错,知道的麻烦告诉下。下面的get()和post()示例使用的是绝对路径,所以在FF下你将会出错并不会看到返回结果。还有get()和post()示例都是跨域调用的,发现传上来后没办法获取结果,所以把运行按钮去掉了。
2. jQuery.get( url, [data], [callback] ):使用GET方式来进行异步请求
参数:
url(String) : 发送请求的URL地址.
data(Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中。
callback(Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。示例代码:
$.get(./Ajax.aspx, {Action:get,Name:lulu}, function (data, textStatus){//返回的 data 可以是 xmlDoc, jsonObj, html, text, 等等.
this; // 在这里this指向的是Ajax请求的选项配置信息,请参考下图
alert(data);//alert(textStatus);//请求状态:success,error等等。当然这里捕捉不到error,因为error的时候根本不会运行该回调函数
//alert(this);
});
点击发送请求:
jQuery.get()回调函数里面的 this ,指向的是Ajax请求的选项配置信息:
3. jQuery.post( url, [data], [callback], [type]
您可能关注的文档
- 《G3_LR_2Y_3.2.2 The Boy Who Cried Wolf》.pdf
- 《GB150.3(3&4)-2016(E)》.doc
- 《GBT 1591-2016 High Strength Low Alloy Structual Steels》.pdf
- 《GD&T_第五讲:轮廓及跳动公差》.pdf
- 《GD&T形位公差简解》.pdf
- 《Gene-Based Antibody Strategies for Prion Diseases》.pdf
- 《George Packer_ Is Amazon Bad for Books_ _ The New Yorker》.pdf
- 《GMAT&GRE&LSAT所有阅读全真题及答案》.doc
- 《gods ghosts ancestors Arthur Wolf》.pdf
- 《golang Web开发》.pdf
文档评论(0)