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中的delete介绍
Sep 02 Javascript
js图片自动切换效果处理代码
May 07 Javascript
浅谈js数组和splice的用法
Dec 04 Javascript
详解javascript立即执行函数表达式IIFE
Feb 13 Javascript
JS简单验证上传文件类型的方法
Apr 17 Javascript
seaJs使用心得之exports与module.exports的区别实例分析
Oct 13 Javascript
解决微信小程序防止无法回到主页的问题
Sep 28 Javascript
浅谈让你的代码更简短,更整洁,更易读的ES6小技巧
Oct 25 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
Aug 08 jQuery
vue实现图片懒加载的方法分析
Feb 05 Javascript
javascript事件循环event loop的简单模型解释与应用分析
Mar 14 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
Jun 22 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 常用算法和时间复杂度
2013/07/01 PHP
PHP以mysqli方式连接类完整代码实例
2014/07/15 PHP
php实现paypal 授权登录
2015/05/28 PHP
php验证手机号码
2015/11/11 PHP
php中的抽象方法和抽象类
2017/02/14 PHP
巧用jquery解决下拉菜单被Div遮挡的相关问题
2014/02/13 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
AngularJS仿苹果滑屏删除控件
2016/01/18 Javascript
jquery动态添加带有样式的HTML标签元素方法
2018/02/24 jQuery
js操作二进制数据方法
2018/03/03 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
2018/08/27 Javascript
vue实现输入框的模糊查询的示例代码(节流函数的应用场景)
2019/09/01 Javascript
通过实例解析JavaScript常用排序算法
2020/09/02 Javascript
[01:08:10]2014 DOTA2国际邀请赛中国区预选赛 SPD-GAMING VS LGD-CDEC
2014/05/22 DOTA
[02:25]专访DOTA2负责人Erik 国际邀请赛暂不会离开西雅
2014/07/21 DOTA
Python Web开发模板引擎优缺点总结
2014/05/06 Python
Python base64编码解码实例
2015/06/21 Python
python基于itchat实现微信群消息同步机器人
2017/02/27 Python
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
django 捕获异常和日志系统过程详解
2019/07/18 Python
Python 根据日志级别打印不同颜色的日志的方法示例
2019/08/08 Python
在Python中字典按值排序的实现方法
2020/11/12 Python
学会迭代器设计模式,帮你大幅提升python性能
2021/01/03 Python
使用CSS3设计地图上的雷达定位提示效果
2016/04/05 HTML / CSS
Move Free官方海外旗舰店:美国骨关节健康专业品牌
2017/12/06 全球购物
英国当代时尚和街头服饰店:18montrose
2018/12/15 全球购物
改变生活的男士内衣:SAXX Underwear
2019/08/28 全球购物
飞利浦西班牙官方网站:Philips西班牙
2020/02/17 全球购物
团队会宣传标语
2014/10/09 职场文书
2014年财务人员工作总结
2014/11/11 职场文书
拾金不昧表扬信怎么写
2015/05/04 职场文书
公司表扬信格式
2015/05/04 职场文书
22句经典语录:送给优柔寡断和胡思乱想的朋友们
2019/12/13 职场文书
Python办公自动化PPT批量转换操作
2021/09/15 Python
python manim实现排序算法动画示例
2022/08/14 Python