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 相关文章推荐
js中document.getElementByid、document.all和document.layers区分介绍
Dec 08 Javascript
javascript中方便增删改cookie的一个类
Oct 11 Javascript
node.js中的fs.read方法使用说明
Dec 17 Javascript
ion content 滚动到底部会遮住一部分视图的快速解决方法
Sep 06 Javascript
jquery 实现回车登录详解及实例代码
Oct 23 Javascript
js数字计算 误差问题的快速解决方法
Feb 28 Javascript
详解vue中组件参数
Jul 09 Javascript
angular ng-model 无法获取值的处理方法
Oct 02 Javascript
vue 兄弟组件的信息传递的方法实例详解
Aug 30 Javascript
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
Sep 06 Javascript
Openlayers实现地图全屏显示
Sep 28 Javascript
微信小程序APP页面的之间的相互传递参数以及自定义组件
Apr 19 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读取目录所有文件信息dir示例
2014/03/18 PHP
Laravel 5框架学习之环境与配置
2015/04/08 PHP
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
Javascript表格翻页效果的具体实现
2013/10/05 Javascript
浅谈jquery事件处理
2015/04/24 Javascript
js实现浮动在网页右侧的简洁QQ在线客服代码
2015/09/04 Javascript
Jquery和JS获取ul中li标签的实现方法
2016/06/02 Javascript
JavaScript登录验证码的实现
2016/10/27 Javascript
老生常谈javascript的面向对象思想
2017/08/22 Javascript
vue-router动态设置页面title的实例讲解
2018/08/30 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
Vue中rem与postcss-pxtorem的应用详解
2019/11/20 Javascript
在Vue项目中使用Typescript的实现
2019/12/19 Javascript
[01:43]倾听DOTA2英雄之声 魅惑魔女国服配音鉴赏
2013/06/06 DOTA
python字符串连接方式汇总
2014/08/21 Python
Python开发如何在ubuntu 15.10 上配置vim
2016/01/25 Python
读写json中文ASCII乱码问题的解决方法
2016/11/05 Python
python模块导入的细节详解
2018/12/10 Python
python hash每次调用结果不同的原因
2019/11/21 Python
python的time模块和datetime模块实例解析
2019/11/29 Python
python3.6环境下安装freetype库和基本使用方法(推荐)
2020/05/10 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
Python基于xlutils修改表格内容过程解析
2020/07/28 Python
总结Pyinstaller的坑及终极解决方法(小结)
2020/09/21 Python
IE兼容css3圆角的实现代码
2011/07/21 HTML / CSS
CSS3 实用技巧:实现黑白图像效果示例代码
2013/07/11 HTML / CSS
阿波罗盒子:Apollo Box
2017/08/14 全球购物
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
HQhair美国/加拿大:英国化妆品、美容及美发产品商城
2019/04/15 全球购物
什么是servlet链?
2014/07/13 面试题
药品销售内勤岗位职责
2015/04/13 职场文书
公司奖励通知
2015/04/21 职场文书
请假条应该怎么写?
2019/06/24 职场文书
java executor包参数处理功能 
2022/02/15 Java/Android
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏
Python自动化实战之接口请求的实现
2022/05/30 Python