jQuery 使用手册(七)


Posted in Javascript onSeptember 23, 2009

: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插件,如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

Javascript 相关文章推荐
javascript:void(0)的作用示例介绍
Oct 28 Javascript
JavaScript日期时间格式化函数分享
May 05 Javascript
在JavaScript中重写jQuery对象的方法实例教程
Aug 25 Javascript
javascript中的this详解
Dec 08 Javascript
学习使用jquery iScroll.js移动端滚动条插件
Mar 24 Javascript
修改Jquery Dialog 位置的实现方法
Aug 26 Javascript
JS中用EL表达式获取上下文参数值的方法
Mar 28 Javascript
微信小程序适配iphoneX的实现方法
Sep 18 Javascript
详解js访问对象的属性和方法
Oct 25 Javascript
vue中的mvvm模式讲解
Jan 31 Javascript
详解JavaScript的变量
Apr 04 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 Javascript
jQuery 使用手册(六)
Sep 23 #Javascript
jQuery 使用手册(五)
Sep 23 #Javascript
jQuery 使用手册(四)
Sep 23 #Javascript
jQuery 使用手册(三)
Sep 23 #Javascript
jQuery 使用手册(二)
Sep 23 #Javascript
jQuery 使用手册(一)
Sep 23 #Javascript
JavaScript 变量命名规则
Sep 23 #Javascript
You might like
php出现Cannot modify header information问题的解决方法大全
2008/04/09 PHP
php 多关键字 高亮显示实现代码
2012/04/23 PHP
tagName的使用,留一笔
2006/06/26 Javascript
event对象的方法 兼容多浏览器
2009/06/27 Javascript
javascript小数计算出现近似值的解决办法
2010/02/06 Javascript
Jquery升级新版本后选择器的语法问题
2010/06/02 Javascript
使用javascript实现监控视频播放并打印日志
2015/01/05 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
Javascript之String对象详解
2016/06/08 Javascript
JavaScript性能优化总结之加载与执行
2016/08/11 Javascript
JavaScript中校验银行卡号的实现代码
2016/12/19 Javascript
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
详解基于node的前端项目编译时内存溢出问题
2017/08/01 Javascript
浅谈VUE监听窗口变化事件的问题
2018/02/24 Javascript
react redux入门示例
2018/04/19 Javascript
react中使用swiper的具体方法
2018/05/15 Javascript
layer更改皮肤的实现方法
2019/09/11 Javascript
js实现坦克移动小游戏
2019/10/28 Javascript
深入理解webpack process.env.NODE_ENV配置
2020/02/23 Javascript
python中使用urllib2获取http请求状态码的代码例子
2014/07/07 Python
Python实现批量更换指定目录下文件扩展名的方法
2016/09/19 Python
flask入门之文件上传与邮件发送示例
2018/07/18 Python
python 获取键盘输入,同时有超时的功能示例
2018/11/13 Python
Python变量类型知识点总结
2019/02/18 Python
libreoffice python 操作word及excel文档的方法
2019/07/04 Python
python 实现绘制整齐的表格
2019/11/18 Python
python实现图书馆抢座(自动预约)功能的示例代码
2020/09/29 Python
Pycharm操作Git及GitHub的步骤详解
2020/10/27 Python
Python Web项目Cherrypy使用方法镜像
2020/11/05 Python
世界首屈一指的钓鱼用品商店:TackleDirect
2016/07/26 全球购物
重新定义牛仔布,100美元以下:Warp + Weft
2018/07/25 全球购物
泰国第一在线超市:Tops
2021/02/13 全球购物
杭州西湖英语导游词
2015/02/03 职场文书
聘任书格式及范文
2015/09/21 职场文书
2016年共产党员公开承诺书
2016/03/24 职场文书
关于React Native使用axios进行网络请求的方法
2021/08/02 Javascript