network
ajax请求的重写,防重复点击
它的核心还是使用$.ajax,只是在这里加上了加载效果,然后去除了重复的提交
它的使用方法和$.ajax和$.get和$.post一致,返回的也是deferred.
demo实例如下
API
ajax:({},target)
ajax调用,settings同jquery的ajax,但多了一个oneRequest参数,此参数有时,会标识该请求只能成功发送一次,判断成功的标准是oneRequest返回true.
target当传入此参数时loading将在target上loading,如果不传,加载效果就是全屏的。
$('#btn-send').click(function() {
Network.ajax({
url: "/ajax.json",
data: "a=1",
beforeSend: function() {
console.log('发起请求')
},
oneRequest:function(result){
if(result.status){
return true;
}else{
return false;
}
}
},this).done(function() {
console.log('请求结束')
});
});
get:(url,data,fun,dataType)
同jquery的get方法,以get方式的ajax请求,这里没有target,为全屏加载效果
post:(url,data,fun,dataType)
同$.post,以post方式的ajax请求,也是全屏的加载效果
其它组件推荐
-
日历、日期、calendar Code Demo & API
-
浮层、弹窗、dialog Code Demo & API
-
h5上传图片、upload Code Demo & API
-
js的滚动加载内容 Code Demo & API
-
js手机选择地区联动仿ios Code Demo & API
-
js实现手机端图片预览 Code Demo & API
-
js实现手机端选择日期 Code Demo & API
-
轮播图片、支持手机滑动 Code Demo & API
-
iframe上传文件upload Code Demo & API
-
点击的进度条 Code Demo & API
-
文本框计数统计 Code Demo & API
-
图片的懒加载 Code Demo & API
-
图片放大镜 Code Demo & API
-
ajax分页插件paging Code Demo & API
-
url参数和表单json参数 Code Demo & API
-
table表格组件 Code Demo & API
-
自动搜索提示autosearch Code Demo & API
-
数字格式化千分位 Code Demo & API
-
ajax的扩展network Code Demo & API
-
loading加载效果 Code Demo & API
-
js提示组件tip Code Demo & API
-
模拟select下拉选择框 Code Demo & API
-
localStorage-cache本地缓存管理 Code Demo & API
-
地区联动选择pc版 Code Demo & API
-
音频播放器样式 Code Demo & API