mui开发APP教程之mui.ajax请求后出现“加载中”
来源:互联网 发布:淘宝推广自己买领佣金 编辑:程序博客网 时间:2024/06/05 16:47
利用mui.ajax向服务器请求数据会出现请求超时的情况,一般若是10S之后还没有响应,就会定义为超时,那么出错了的时候,这10秒钟不可能给用户白屏,即便是请求成功之后打开一个新页面,那么这个间隔时间也给用户响应。
但是mui 的ajax并没有实现类似jquery的ajaxStart 和 ajaxStop方法,然而在移动端上这两个方法还是比较常用的,比如在向后台提交数据的时候显示loading的图标,防止用户的第二次提交,并在数据提交完成时取消loading动画,现在,mui提供了两个类似方法,但是文档中并没有提到(mui),并且HBuilder生成的代码块也并没有这两个方法。真是需要好好完善。
但是mui 的ajax并没有实现类似jquery的ajaxStart 和 ajaxStop方法,然而在移动端上这两个方法还是比较常用的,比如在向后台提交数据的时候显示loading的图标,防止用户的第二次提交,并在数据提交完成时取消loading动画,现在,mui提供了两个类似方法,但是文档中并没有提到(mui),并且HBuilder生成的代码块也并没有这两个方法。真是需要好好完善。
好在,mui提供了beforeSend和complete这两个方法,功能类似于jquery的ajaxStart 和 ajaxStop方法,所以大家现在可以使用。
var mask=mui.createMask();//遮罩层mui(documengt.body).on('tap','#login',function(){ mui.ajax('http://127.0.0.1/login',{ data:{ userName:userName, userPwd:userPwd }, dataType: 'json', //服务器返回json格式数据 type: 'post', //HTTP请求类型 timeout: 10000, //超时时间设置为10秒; beforeSend: function() { plus.nativeUI.showWaiting(title, options); mask,show();//显示遮罩层 }, complete: function() { plus.nativeUI.closeWaiting(); mask.closed();//关闭遮罩层 }, success: function(data) { //服务器返回响应,根据响应结果,分析是否登录成功; if(data=='1'){ mui.alert('登录成功'); } }, error: function(xhr, type, errorThrown) { mui.alert('服务器连接超时,请稍后再试’); }}});
阅读全文
0 0
- mui开发APP教程之mui.ajax请求后出现“加载中”
- mui开发APP教程之mui.ajax请求后出现“加载中”
- mui开发APP教程之mui.ajax请求后出现“加载中”
- mui开发APP教程之年月日级联
- mui开发APP教程之省市区级联
- mui开发APP教程之创建项目(一)
- mui开发APP教程之仿天猫购物车
- mui开发APP教程之仿天猫支付弹出自定义框
- mui开发APP教程之上传用户头像
- Mui+Angularjs 开发app
- MUI-开发移动APP
- MUI-AJAX实现数据请求
- HTML5+开发移动app教程3-mui开发示例
- HTML5+开发移动app教程3-mui开发示例
- HBuilder之MUI开发
- mui开发APP教程之使用选项卡跳转子页面
- html5 mui之ajax跨域请求json数据
- HTML5加app教程-mui开发示例演示
- github-popular
- :[org.springframework.dao.DataIntegrityViolationException: could not execute statement; SQL [n/a];
- Java--中文转换拼音,jpinyin-1.0.jar
- linux设备驱动的并发与竞争
- Tcp_Wrapper_简单的基于主机的访问控制工具
- mui开发APP教程之mui.ajax请求后出现“加载中”
- 仿滴滴打车开具发票页,ListView 粘性 Header
- {loop $tags $i $t}参数
- Android 架构组件简单小结
- Android逆向系列之动态调试3–Eclipse调试apk
- 技术文章 | 项目实战:如何构建知识图谱
- Eclipse 快捷键
- JavaSE系统学习1.1-Java虚拟机-JVM体系结构
- input输入框字体变色问题