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类继承机制的原理分析
Sep 12 Javascript
Javascript的常规数组和关联数组对比小结
May 24 Javascript
Underscore.js 的模板功能介绍与应用
Dec 24 Javascript
js 实现 input type="file" 文件上传示例代码
Aug 07 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
Dec 08 Javascript
JS实现颜色梯度与渐变效果完整实例
Dec 30 Javascript
JS设置时间无效问题的解决办法
Feb 18 Javascript
Vue单文件组件的如何使用方式介绍
Jul 28 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
Sep 12 Javascript
如何安装控制器JavaScript生成插件详解
Oct 21 Javascript
微信小程序vant弹窗组件的实现方式
Feb 21 Javascript
vant 自定义 van-dropdown-item的用法
Aug 05 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学习教程之第2天
2008/06/15 PHP
php iconv() : Detected an illegal character in input string
2010/12/05 PHP
Yii2框架制作RESTful风格的API快速入门教程
2016/11/08 PHP
thinkPHP微信分享接口JSSDK用法实例
2017/07/07 PHP
jquery animate 动画效果使用说明
2009/11/04 Javascript
js判断滚动条是否已到页面最底部或顶部实例
2014/11/20 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
jQuery拖动布局其结果保存到数据库
2015/10/09 Javascript
JS闭包用法实例分析
2017/03/27 Javascript
微信小程序教程系列之视图层的条件渲染(10)
2017/04/19 Javascript
微信JS SDK接入的几点注意事项(必看篇)
2017/06/23 Javascript
JS实现弹出下载对话框及常见文件类型的下载
2017/07/13 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
微信小程序实现表单校验功能
2020/03/30 Javascript
在ES5与ES6环境下处理函数默认参数的实现方法
2018/05/13 Javascript
JS数组求和的常用方法总结【5种方法】
2019/01/14 Javascript
koa2 数据api中间件设计模型的实现方法
2020/07/13 Javascript
[01:51]2014DOTA2西雅图邀请赛 MVP 外卡赛black场间采访
2014/07/09 DOTA
为python设置socket代理的方法
2015/01/14 Python
Python中的字符串操作和编码Unicode详解
2017/01/18 Python
Python语言的变量认识及操作方法
2018/02/11 Python
python3+PyQt5自定义视图详解
2018/04/24 Python
使用TensorFlow实现SVM
2018/09/06 Python
在PyCharm下打包*.py程序成.exe的方法
2018/11/29 Python
PyCharm搭建Spark开发环境的实现步骤
2019/09/05 Python
基于Python 的语音重采样函数解析
2020/07/06 Python
利用Python优雅的登录校园网
2020/10/21 Python
技能比武方案
2014/05/21 职场文书
2015年宣传思想工作总结
2015/05/22 职场文书
拿破仑传读书笔记
2015/07/01 职场文书
position:sticky 粘性定位的几种巧妙应用详解
2021/04/24 HTML / CSS
手把手教你使用TensorFlow2实现RNN
2021/07/15 Python
mysql配置SSL证书登录的实现
2021/09/04 MySQL
MySQL创建定时任务
2022/01/22 MySQL
B站评分公认最好看的动漫,你的名字评分9.9,第六备受喜欢
2022/03/18 日漫