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 相关文章推荐
让FireFox支持innerText的实现代码
Dec 01 Javascript
jquery 查找select ,并触发事件的实现代码
Mar 30 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
Sep 14 Javascript
javascript禁止超链接跳转的方法
Feb 02 Javascript
JS获取当前脚本文件的绝对路径
Mar 02 Javascript
jQuery绑定事件的几种实现方式
May 09 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐)
Jun 23 Javascript
JS获取随机数和时间转换的简单实例
Jul 10 Javascript
Javascript实现汉字和拼音互转的终极方案
Oct 19 Javascript
使用vue的transition完成滑动过渡的示例代码
Jun 25 Javascript
vue-router 控制路由权限的实现
Sep 24 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查询搜索引擎排名位置的代码
2010/01/05 PHP
WordPress中缩略图的使用以及相关技巧
2015/11/24 PHP
用jscript实现列出安装的软件列表
2007/06/18 Javascript
JavaScript效率调优经验
2009/06/04 Javascript
js loading加载效果实现代码
2009/11/24 Javascript
JavaScript DOM 学习第七章 表单的扩展
2010/02/19 Javascript
javascript 在firebug调试时用console.log的方法
2012/05/10 Javascript
js实现的折叠导航示例
2013/11/29 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
微信支付如何实现内置浏览器的H5页面支付
2015/09/25 Javascript
javascript每日必学之循环
2016/02/19 Javascript
AngularJS中的拦截器实例详解
2017/04/07 Javascript
深入理解vue2.0路由如何配置问题
2017/07/18 Javascript
微信小程序中使用自定义图标(阿里icon)的方法
2018/08/20 Javascript
Angular5中状态管理的实现
2018/09/03 Javascript
vue.js自定义组件directives的实例代码
2018/11/09 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
2019/08/04 Javascript
JS实现字体背景跑马灯
2020/01/06 Javascript
vue使用微信扫一扫功能的实现代码
2020/04/11 Javascript
vue实现信息管理系统
2020/05/30 Javascript
Python3处理文件中每个词的方法
2015/05/22 Python
深入理解python中函数传递参数是值传递还是引用传递
2017/11/07 Python
Python函数中不定长参数的写法
2019/02/13 Python
英国最大线上综合鞋类商城:Office
2017/12/08 全球购物
Skyscanner新西兰:全球领先的旅游搜索网站
2019/08/26 全球购物
瑞典耳机品牌:URBANISTA
2019/12/03 全球购物
附答案的Java面试题
2012/11/19 面试题
甜点店创业计划书
2014/01/27 职场文书
工作态度检讨书
2014/02/11 职场文书
毕业论文评语大全
2014/04/29 职场文书
信用社主任竞聘演讲稿
2014/05/23 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
创业计划书之暑假培训班
2019/11/09 职场文书
祝福语集锦:给妹妹结婚的祝福语
2019/12/18 职场文书
解读Vue组件注册方式
2021/05/15 Vue.js