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 RadioButtonList获取选中值
Apr 09 Javascript
JavaScript字符串String和Array操作的有趣方法
Dec 18 Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 Javascript
获取中文字符串的实际长度代码
Jun 05 Javascript
jQuery 仿百度输入标签插件附效果图
Jul 04 Javascript
javascript数组遍历for与for in区别详解
Dec 04 Javascript
基于JavaScript实现瀑布流布局(二)
Jan 26 Javascript
JavaScript 数组some()和filter()的用法及区别
May 20 Javascript
vue-router重定向不刷新问题的解决
Jun 25 Javascript
Vue列表渲染的示例代码
Nov 01 Javascript
jquery实现进度条状态展示
Mar 26 jQuery
jQuery+ajax实现文件上传功能
Dec 22 jQuery
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 将excel导入mysql
2009/11/09 PHP
PHP开发中的错误收集,不定期更新。
2011/02/03 PHP
很让人受教的 提高php代码质量36计
2012/09/05 PHP
PHP实现利用MySQL保存session的方法
2014/08/23 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
php+jQuery实现的三级导航栏下拉菜单显示效果
2017/08/10 PHP
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
chrome原生方法之数组
2011/11/30 Javascript
ActiveX控件与Javascript之间的交互示例
2014/06/04 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
2016/06/06 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
2017/05/09 Javascript
Angular2安装angular-cli
2017/05/21 Javascript
详细AngularJs4的图片剪裁组件的实例
2017/07/12 Javascript
jQuery选择器之子元素选择器详解
2017/09/18 jQuery
vue组件的写法汇总
2018/04/12 Javascript
可能被忽略的一些JavaScript数组方法细节
2019/02/28 Javascript
element-ui表格合并span-method的实现方法
2019/05/21 Javascript
vue filter 完美时间日期格式的代码
2019/08/14 Javascript
Python高效编程技巧
2013/01/07 Python
CentOS7.3编译安装Python3.6.2的方法
2018/01/22 Python
Pytorch修改ResNet模型全连接层进行直接训练实例
2019/09/10 Python
python 初始化一个定长的数组实例
2019/12/02 Python
Python logging模块原理解析及应用
2020/08/13 Python
Python中的面向接口编程示例详解
2021/01/17 Python
世界上最大的铁人三项商店:Tri UK
2020/11/04 全球购物
护理专业毕业生自我鉴定
2013/10/08 职场文书
经济国贸专业求职信
2014/06/18 职场文书
学习“七一”讲话精神体会
2014/07/08 职场文书
2014法制宣传日活动总结范文
2014/11/01 职场文书
2014公司年终工作总结
2014/12/19 职场文书
2015年党员创先争优公开承诺书
2015/04/27 职场文书
担保贷款承诺书
2015/04/30 职场文书
学习十八大的感悟
2015/08/11 职场文书
教学工作总结范文5篇
2019/08/19 职场文书
2019年公司卫生管理制度样本
2019/08/21 职场文书
PHP命令行与定时任务
2021/04/01 PHP