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常见用法总结
May 22 Javascript
javascript判断是手机还是电脑访问网页的简单实例分享
Jun 03 Javascript
BootStrap响应式导航条实例介绍
May 06 Javascript
第三篇Bootstrap网格基础
Jun 21 Javascript
Bootstrap模态框插入视频的实现代码
Jun 25 Javascript
vue2.0+koa2+mongodb实现注册登录
Apr 10 Javascript
vue之将echart封装为组件
Jun 02 Javascript
浅谈Vue路由快照实现思路及其问题
Jun 07 Javascript
vue系列之requireJs中引入vue-router的方法
Jul 18 Javascript
vue 详情跳转至列表页实现列表页缓存
Mar 27 Javascript
详解vue或uni-app的跨域问题解决方案
Feb 21 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
Jul 15 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
phpwind中的数据库操作类
2007/01/02 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
禁止刷新,回退的JS
2006/11/25 Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
2012/10/24 Javascript
Node.js与PHP、Python的字符处理性能对比
2014/07/06 Javascript
批量修改标签css样式以input标签为例
2014/07/31 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
2014/09/04 Javascript
ECMA5数组的新增方法有哪些及forEach()模仿实现
2015/11/03 Javascript
javascript的几种写法总结
2016/09/30 Javascript
js模态对话框使用方法详解
2017/02/16 Javascript
微信小程序 支付功能实现PHP实例详解
2017/05/12 Javascript
Angularjs中ng-repeat的简单实例
2017/08/25 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
基于JavaScript实现表格滚动分页
2017/11/22 Javascript
浅谈vue-router 路由传参的方法
2017/12/27 Javascript
Vue在页面右上角实现可悬浮/隐藏的系统菜单
2018/05/04 Javascript
浅谈一个webpack构建速度优化误区
2019/06/24 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
2020/02/10 Javascript
vue微信分享插件使用方法详解
2020/02/18 Javascript
jQuery列表动态增加和删除的实现方法
2020/11/05 jQuery
Python实现的文本编辑器功能示例
2017/06/30 Python
python爬虫神器Pyppeteer入门及使用
2019/07/13 Python
python 实现手机自动拨打电话的方法(通话压力测试)
2019/08/08 Python
Python Des加密解密如何实现软件注册码机器码
2020/01/08 Python
matplotlib 曲线图 和 折线图 plt.plot()实例
2020/04/17 Python
浅谈keras.callbacks设置模型保存策略
2020/06/18 Python
tensorflow下的图片标准化函数per_image_standardization用法
2020/06/30 Python
只要五步 就可以用HTML5/CSS3快速制作便签贴特效(图)
2012/06/04 HTML / CSS
自动化毕业生专业自荐书范文
2014/02/04 职场文书
篮球社团活动总结
2014/06/27 职场文书
在职证明书范本(2014新版)
2014/09/25 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
2014年医院个人工作总结
2014/12/09 职场文书
优秀护士事迹材料
2014/12/25 职场文书
战友聚会致辞
2015/07/28 职场文书
python实现图片批量压缩
2021/04/24 Python