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对URL字符串进行编码/解码分析
Oct 25 Javascript
JQuery 1.3.2以上版本中出现pareseerror错误的解决方法
Jan 11 Javascript
js中parseInt函数浅谈
Jul 31 Javascript
JQuery实现table行折叠效果以JSON做数据源
May 26 Javascript
第六章之辅组类与响应式工具
Apr 25 Javascript
JavaScript弹窗基础篇
Apr 27 Javascript
react实现pure render时bind(this)隐患需注意!
Mar 09 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
Aug 25 Javascript
vue-cli3环境变量与分环境打包的方法示例
Feb 18 Javascript
javaScript把其它类型转换为Number类型
Oct 13 Javascript
微信小程序利用云函数获取手机号码
Dec 17 Javascript
小程序实现简单语音聊天的示例代码
Jul 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打开文件fopen函数的使用说明
2013/07/05 PHP
8个PHP数组面试题
2015/06/23 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
php递归函数怎么用才有效
2018/02/24 PHP
js 事件处理函数间的Event物件是否全等
2011/04/08 Javascript
jQuery中将函数赋值给变量的调用方法
2012/03/23 Javascript
javascript实现复选框选中属性
2015/03/25 Javascript
深入解析JavaScript中函数的Currying柯里化
2016/03/19 Javascript
bootstrap弹出层的多种触发方式
2017/05/10 Javascript
jQuery常用选择器详解
2017/07/17 jQuery
Angular 2.0+ 的数据绑定的实现示例
2017/08/09 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
2018/05/04 Javascript
vue鼠标悬停事件实例详解
2019/04/01 Javascript
详解Vue 匿名、具名和作用域插槽的使用方法
2019/04/22 Javascript
详解Vue之计算属性
2020/06/20 Javascript
[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic
2018/04/03 DOTA
Python解释执行原理分析
2014/08/22 Python
python实现对excel进行数据剔除操作实例
2017/12/07 Python
Python解决两个整数相除只得到整数部分的实例
2018/11/10 Python
详解Python:面向对象编程
2019/04/10 Python
关于pytorch中网络loss传播和参数更新的理解
2019/08/20 Python
PyCharm2018 安装及破解方法实现步骤
2019/09/09 Python
python实现飞机大战游戏(pygame版)
2020/10/26 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
使用python实现微信小程序自动签到功能
2020/04/27 Python
如何通过Python3和ssl实现加密通信功能
2020/05/09 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
Python实现邮件发送的详细设置方法(遇到问题)
2021/01/18 Python
CSS3实现歌词进度文字颜色填充变化动态效果的思路详解
2020/06/02 HTML / CSS
Sam’s Club山姆会员商店:沃尔玛旗下高端会员制商店
2017/01/16 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
JRE、JDK、JVM之间的关系怎样
2012/05/16 面试题
幼儿园秋游活动方案
2014/01/21 职场文书
高中英语演讲稿范文
2014/04/24 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
Python使用MapReduce进行简单的销售统计
2022/04/22 Python