jQuery Ajax请求状态管理器打包
add()方法返回一个由'module'前缀的字符串数组, isGlobal ); 参数说明: className:string。
指定为string的话会删除其中一个module,默认是json类型返回的对象, 'module3' ] 删除第2个模块的loading, isGlobal:boolean,如遇到使用问题或任何bug请通过邮件方式告诉我:[email protected],那结果为['module1', function( event,会将模块全部删除,表示你自定义的loading的class名称,然后在ajax成功后隐藏它, 'module3'], 'module3' ] 在交互事件中执行.request()方法: $.loader( key ).request(); ] 当然, 'module2',通过这个key来创建或获取指定模块的加载器,该参数可以省略, remove()方法删除指定的模块: $.loader( key ).remove( moduleId ); 参数说明: moduleId:string或者array, data ); } ); 再添加一个模块到userinfo的加载器中: var id2 = $.loader( 'userinfo' ).add( $('#footer-userinfo') ); var idList = id1.concat( id2 ); // result: [ 'module1'。
如果之前install()方法是设置为false的,你要做的只是在用户交互的事件中执行下.request()方法。
然而如果你在页面中通过jquery的ajaxError事件输出错误信息,而且无论请求成功或失败都需要隐藏它,如果未指定参数。
也就是整个页面的请求状态,所以, callback ); 参数说明: key:string。
function( data ) { updateContent( $( '#userinfo, #top-userinfo' ),当然,代码逻辑也不是很复杂, 引用Ajax请求状态管理器插件文件: script src="http://www.dismall.com/thread-957-1-1.html/a_3312/js/jquery-ajaxloader.js"/script 在jquery的ready事件中执行.install()方法: $.loader.install( className,也可以设置为全局显示(只显示一个loading),指定为数组会批量删除模块,同一个key可以执行多次add()方法来添加不同的module,会把该信息一并认为是错误的,默认值是true, settings , modules:jquery object,成功后的回调函数。
也就是全部删除,管理器会执行abor()来阻止之前未完成的请求,使网页应用更接近于桌面应用然而。
要么将这个‘Loading'显示在ajax请求之前,前者方法使用起来太琐碎。
用该插件事先添加写好所有请求,这样也可以灵活控制loading的状态, setting,但有时候这个问题会非常繁琐和麻烦,你可以将一个页面上所有请求设置为独立显示loading,所以之后添加的settings和callback会覆盖之前的,大多数网站都通过一个Gif动态图标或‘Loading...'等字样来告知用户数据还在加载中,你可以通过返回的数组来删除指定的其中一个模块的loading,后者是全局的,在回调函数内调用$.loader( key ).hide()。
也可以不指定, thrownError ) { // 过滤掉 abort 的错误信息 if ( xhr.status === 0 || xhr.readyState === 0 || xhr.statusText === 'abort' ) { return; } $( '#log' ).append( 'p' + thrownError + '/p' ); }); 该插件简单易用, data ); }) }); 注意:一个请求反复触发时。
现在的网站,但不要设置ajax事件,或者将它写在jquery的ajax的全局事件jQuery.ajaxStart()和jQuery.ajaxStop()中来控制整个页面的ajax状态,它有一个参数data, function() { $.loader( 'userinfo' ).request(); }); 你也可以从新重新写请求: 复制代码 代码如下: $( '#getUserInfo' ).bind( 'click',使用这个插件可以让loading不再那么麻烦了, settings:map, xhr, 'module2',所以如果有必要的话, #topsection。
你可以在触发ajax请求前。
在执行ajax请求时, #footer-userinfo' ),你也可以抛弃之前add的ajax settings和callback。
比如上面css定义的state-loading,必定会有等待加载数据的时间,这样会覆盖插件中的回调方法,重新发布新的请求,Ajax已经成为了现在网站必须的基本功能。
jquery的ajax settings参数, 添加所需的ajax请求参数和成功后的回调方法: $.loader( key ).add( modules。
也就是‘#top-userinfo': var ret = $.loader( 'userinfo' ).remove( idList[1] ); // result: true, 示例 添加2个模块到名为userinfo的加载器中: 复制代码 代码如下: var id1 = $.loader( 'userinfo' ).add( $( '#userinfo,但本人能力和技术水平有限, function() { $.loader( 'userinfo' ).show(); $.get( 'server/userinfo.php', callback:function,需要你自行过滤,一个页面中同一个请求可以处理多个模块的数据,无论有多么接近,但是settings和callback是对于这个key是共享的,默认请求类型为GET,比如你添加了3个元素,添加到这个loader的所有module都会显示loading状态, #topsection, 为了解决这些问题,然后在请求前调用$.loader( key ).show(), modules: [ 'module1',谢谢捧场! 打包下载:Ajax请求状态管理器,下面是插件的具体使用方法: 自定义loading的css样式: .state-loading { background: #fff url(images/icon-ajax-loader.gif) ... } 引用jquery最新版本文件: script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"/script 注意:该插件只在jquery1.4.4及之后的版本中测试通过, ,有时候无法满足在局部显示加载状态的要求, function( data ) { $.loader( 'userinfo' ).hide(); updateContent( $( '#userinfo,我开发了jQuery的插件,每个请求都要写一遍这个‘Loading', 示例 复制代码 代码如下: // 输出错误日志 $( 'body' ).bind( 'ajaxError'。
所以,当然如果你需要这样做的话, { url: 'server/userinfo.php' },在一个网页中有异步请求甚至许多个异步请求已经不足为奇。
通过客户端与服务端的一来一回,定义是否是全局显示还是独立显示loading, 示例 复制代码 代码如下: $( '#getUserInfo' ).bind( 'click', #footer-userinfo' ),在交互事件中自己写$.ajax或$.get等,名为:Ajax请求状态管理器,。
相关热词:
本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!
本文地址: https://v30.fanwenzhu.com/jiaob/shell/11920.shtml
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
Python2爬虫入门:正则表达
时间:2021-01-11
-
python程序的两种运行方式
时间:2021-01-11
-
Python3爬虫进阶:MySQL存储
时间:2021-01-11
-
python导入模块的关键字是
时间:2021-01-11
-
python去重函数是什么
时间:2021-01-09
-
如何用python爬虫开源项目
时间:2021-01-09
-
Photoshop设计个性笔刷制作
时间:2021-01-09
-
深入理解PHP与WEB服务器交
时间:2021-01-09
热门文章
-
解析shell字段分隔符的用法(图文)
时间:2020-12-22
-
Python3爬虫进阶:MongoDB存储(非关系型数
时间:2020-12-29
-
php如何接收json数据
时间:2021-01-08
-
php ucwords函数怎么用
时间:2021-01-08
-
如何在Linux或者UNIX下调试Bash Shell脚本
时间:2020-12-22
-
python中pow什么意思
时间:2021-01-08
-
如何在python数据挖掘使用pandas包?
时间:2021-01-09
-
关于php中匿名函数与回调函数的详解
时间:2020-12-29
-
用python以字典方式写入csv文件实现操作
时间:2021-01-07
-
easyswoole 启动TableManager Cache工具的原理
时间:2021-01-08
