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游戏之是男人就下100层代码打包
Nov 08 Javascript
原生javascript模仿win8等待提示圆圈进度条
Apr 24 Javascript
JS不能跨域借助jquery获取IP地址的方法
Aug 20 Javascript
jquery中添加属性和删除属性
Jun 03 Javascript
页面内容排序插件jSort使用方法
Oct 10 Javascript
基于JavaScript实现定时跳转到指定页面
Jan 01 Javascript
jQuery绑定事件on()与弹窗的简要概述
Apr 27 Javascript
js,jq,css多方面实现简易下拉菜单功能
May 13 Javascript
浅谈在react中如何实现扫码枪输入
Jul 04 Javascript
JS高阶函数原理与用法实例分析
Jan 15 Javascript
axios异步提交表单数据的几种方法
Aug 11 Javascript
antd vue 刷新保留当前页面路由,保留选中菜单,保留menu选中操作
Aug 06 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
11个PHP 分页脚本推荐
2011/08/15 PHP
PhpDocumentor 2安装以及生成API文档的方法
2014/05/21 PHP
PHP+jQuery+Ajax实现分页效果 jPaginate插件的应用
2015/10/09 PHP
PHP类的自动加载机制实现方法分析
2019/01/10 PHP
php文件包含的几种方式总结
2019/09/19 PHP
使用prototype.js进行异步操作
2007/02/07 Javascript
用roll.js实现的图片自动滚动+鼠标触动的特效
2007/03/18 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
2013/12/16 Javascript
jquery自定义下拉列表示例
2014/04/25 Javascript
如何编写高质量JS代码(续)
2015/02/25 Javascript
JavaScript中获取Radio被选中的值
2015/11/11 Javascript
Node.js的Express框架使用上手指南
2016/03/12 Javascript
ionic实现带字的toggle滑动组件
2016/08/27 Javascript
原生JS下拉加载插件分享
2016/12/26 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
2017/01/19 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
AngularJS读取JSON及XML文件的方法示例
2017/05/25 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
2018/07/07 Javascript
详解vue项目中调用百度地图API使用方法
2019/04/25 Javascript
python读取注册表中值的方法
2013/04/08 Python
对numpy中数组元素的统一赋值实例
2018/04/04 Python
python多进程实现文件下载传输功能
2018/07/28 Python
Python中时间datetime的处理与转换用法总结
2019/02/18 Python
详解Python的数据库操作(pymysql)
2019/04/04 Python
Python 等分切分数据及规则命名的实例代码
2019/08/16 Python
简单了解为什么python函数后有多个括号
2019/12/19 Python
解决Keras中Embedding层masking与Concatenate层不可调和的问题
2020/06/18 Python
HTML5实时语音通话聊天MP3压缩传输3KB每秒
2019/08/28 HTML / CSS
受希腊女神灵感的晚礼服、鸡尾酒礼服和婚纱:THEIA
2018/04/15 全球购物
Boom手表官网:瑞典手表品牌,设计你的手表
2019/03/11 全球购物
珍爱生命演讲稿
2014/05/10 职场文书
2014年学生工作总结
2014/11/20 职场文书
2015七夕情人节宣传语
2015/07/14 职场文书
年中了,该如何写好个人述职报告?
2019/07/02 职场文书
为什么RedisCluster设计成16384个槽
2021/09/25 Redis
在容器中使用nginx搭建上传下载服务器
2022/05/11 Servers