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 相关文章推荐
JQuery中each()的使用方法说明
Aug 19 Javascript
JS连连看源码完美注释版(推荐)
Dec 09 Javascript
js导出txt示例代码
Jan 14 Javascript
js实现一个链接打开两个链接地址的方法
May 12 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
Oct 16 Javascript
以BootStrap Tab为例写一个前端组件
Jul 25 Javascript
Node.js如何使用Diffie-Hellman密钥交换算法详解
Sep 05 Javascript
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
webpack 开发和生产并行设置的方法
Nov 08 Javascript
vue实现的下拉框功能示例
Jan 29 Javascript
vue增加强缓存和版本号的实现方法
May 01 Javascript
vue二维数组循环嵌套方式 循环数组、循环嵌套数组
Apr 24 Vue.js
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
SONY SRF-40W电路分析
2021/03/02 无线电
PHP防CC攻击实现代码
2011/12/29 PHP
给ECShop添加最新评论
2015/01/07 PHP
可输入的下拉框
2006/06/19 Javascript
javascript中的几个运算符
2007/06/29 Javascript
使用Js让Html中特殊字符不被转义
2013/11/05 Javascript
JavaScript中document.forms[0]与getElementByName区别
2015/01/21 Javascript
JQuery实现DIV其他动画效果的简单实例
2016/09/18 Javascript
JavaScript的事件机制详解
2017/01/17 Javascript
JS日程管理插件FullCalendar简单实例
2017/02/07 Javascript
Node.js调用fs.renameSync报错(Error: EXDEV, cross-device link not permitted)
2017/12/27 Javascript
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
Vue 实现CLI 3.0 + momentjs + lodash打包时优化
2019/11/13 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
浅谈Vue 自动化部署打包上线
2020/06/14 Javascript
pycharm 使用心得(九)解决No Python interpreter selected的问题
2014/06/06 Python
python中元类用法实例
2014/10/10 Python
Python文件和目录操作详解
2015/02/08 Python
python里使用正则表达式的组嵌套实例详解
2017/10/24 Python
Python中getpass模块无回显输入源码解析
2018/01/11 Python
详解Python字典的操作
2019/03/04 Python
python实现树的深度优先遍历与广度优先遍历详解
2019/10/26 Python
Python获取excel内容及相关操作代码实例
2020/08/10 Python
python基于win32api实现键盘输入
2020/12/09 Python
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
GWT的应用有哪两种部署模式
2012/12/21 面试题
大学生饮食配送创业计划书
2014/01/04 职场文书
公司担保书范文
2014/05/21 职场文书
工地安全标语
2014/06/07 职场文书
感恩老师演讲稿400字
2014/08/28 职场文书
英语课前三分钟演讲稿(6篇)
2014/09/13 职场文书
2015年求职自荐信范文
2015/03/04 职场文书
上市公司董事长岗位职责
2015/04/16 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
Android基于Fresco实现圆角和圆形图片
2022/04/01 Java/Android