js常用共同方法
var uh_rdsp = (function(){
//获取根目录
var getContextPath = function(){
var pathName = document.location.pathname;
var index = pathName.substr(1).indexOf("/");
var result = pathName.substr(0,index+1);
return result;
}
//如果传入的没有参数 则显示迷你指示器 如果第一个参数传入null 并且有第二个参数
//则在指定时间之后关闭迷你指示器
//显示等待框 如果只传入一个参数 则默认为显示内容
//如果传入多个参数 第二个参数则是默认显示多长时间
var showWait = (function(){
var showModal = function(message){
$.showPreloader(message);
}
var showIndicator = function(){
$.showIndicator();
}
var hideModal = function(){
$.hidePreloader();
}
var hideIndicator = function(){
$.hideIndicator();
}
return function(){
if(arguments[0] == 'show'){
if(arguments[1] != null){
showModal(arguments[1]);
}else{
showIndicator();
}
if(arguments.length > 2){
if(arguments[1] != null){
setTimeout(function(){
hideModal();
},arguments[2]);
}else{
setTimeout(function(){
hideIndicator();
},arguments[2]);
}
}
}
if(arguments[0] == 'hide'){
if(arguments[1] == 'modal'){
hideModal();
}
if(arguments[1] == 'indi'){
hideIndicator();
}
}
}
})();
//显示Toast 传入2个参数 第一个参数为显示内容 第二个参数为显示时间 默认2秒
var showToast = (function(){
var showToast = function(){
if(arguments.length == 2){
$.toast(arguments[0],arguments[1]);
}else{
$.toast(arguments[0]);
}
}
return function(){
showToast.apply(null,arguments);
}
})();
//显示alert 可传入1个参数 显示内容
var showAlert = (function(){
var alertMsg = function(){
$.alert(arguments[0]);
}
return function(){
alertMsg.apply(null,arguments)
}
})();
//显示确认框 传入两个参数 第一个为显示信息 第二个为点击确认后的回调函数
var showConfirm = (function(){
var confirmMsg = function(){
if(arguments.length == 1){
$.confirm(arguments[0]);
}
if(arguments.length == 2){
$.confirm(arguments[0],arguments[1]);
}
}
return function(){
confirmMsg.apply(null,arguments);
}
})();
//显示操作表 传入两个参数 第一个参数为数组 表示显示内容 第二个参数为回调方法
var showActions = (function(){
var cache = {};
var actions = function(){
var buttons1 = [];
for (var i = 0,l=arguments[0].length;i < l;i++) {
buttons1.push({text:arguments[0][i].text,onClick:arguments[0][i].onclick});
}
var buttons2 = [{text:'取消'}];
var groups = [buttons1, buttons2];
$.actions(groups);
}
return function(){
actions.apply(null,arguments);
}
})();
//显示日期选择控件
var showDatePicker = (function(){
var cache = {};
var showDateFun = function(){
var id = arguments[0];
var showdate = arguments[1];
id.calendar({value:[showdate],minDate:showdate});
}
return function(){
if(arguments[0].id in cache){
return ;
}
cache[arguments[0].id] = arguments[0];
showDateFun.apply(null,arguments);
}
})();
//parse
var parseTemplate = function(dta,tmpl){
var format = {
name : function(x) {
if(x == null || x == "null"){
return "";
}
return x;
}
};
return tmpl.replace(/{(\w+)}/g, function(m1, m2) {
if (!m2 && m2!= "null")
return "";
return (format && format[m2]) ? format[m2](dta[m2]) : dta[m2];
});
};
//ajax 请求前置方法
$(document).on('ajaxBeforeSend', function(e, xhr, options){
xhr.setRequestHeader('Authorization',"UH_RDSP_tok"+$('#token').val());
});
//发送ajax请求 传入3个参数 url：请求地址 params：请求参数 callback：回调方法
var ajaxUrl = (function(){
var count = 1;
var timer ;
var isFirst = true;
var ajaxfun = function(){
var url = arguments[0];
var params = arguments[1];
var str = JSON.stringify(params);
var callback = arguments[2];
$.ajax({
type: 'POST',
url: getContextPath()+url,
data: params,
dataType: 'json',
context: $('body'),
success: function(data){
callback(data);
count++;
},
error: function(xhr, type){
showAlert('请求异常');
}
})
}
return function(){
var args = arguments;
// if(isFirst){
//
// return isFirst = false;
// }
ajaxfun.apply(null,arguments);
// if(timer){
// showToast('操作过于频繁，请稍后',1000);
// return false;
// }
// timer = setTimeout(function(){
// clearTimeout(timer);
// timer = null;
// ajaxfun.apply(null,args);
// },2000);
}
})();
//发送post请求 传入2个参数 url：请求地址 params：请求参数
var postUrl = (function(){
var timer;
var isFirst = true;
var postFun = function(){
var url = arguments[0];
var params = arguments[1];
var temp = document.createElement("form");
temp.action = url;
temp.method = "post";
temp.style.display = "none";
for (var x in params) {
var opt = document.createElement("textarea");
opt.name = x;
opt.value = params[x];
// alert(opt.name)
temp.appendChild(opt);
}
var opt = document.createElement("textarea");
opt.name = 'token';
opt.value = "UH_RDSP_tok"+$('#token').val();
temp.appendChild(opt);
document.body.appendChild(temp);
temp.submit();
}
return function(){
var args = arguments;
if(isFirst){
postFun.apply(null,arguments);
return isFirst = false;
}
if(timer){
showToast('操作过于频繁，请稍后',1000);
return false;
}
timer = setTimeout(function(){
clearTimeout(timer);
timer = null;
postFun.apply(null,args);
},2000);
}
})();
//函数截流 传入调用方法 以及延迟时间 在调用方法之后 延迟时间之后才会继续调用方法
var throttle = function(fn,interval){
var _self = fn,
timer,
firstTime = true;
return function(){
var args = arguments,
_me = this;
if(firstTime){
_self.apply(_me,args);
return firstTime = false;
}
if(timer){
showToast('操作过于频繁，请稍后',1000);
return false;
}
timer = setTimeout(function(){
clearTimeout(timer);
timer = null;
_self.apply(_me,args);
},interval||2000);
}
};
//每隔200毫秒执行一次方法 每次执行count个
var timeChunk = function(ary,fn,count){
var obj,t;
var len = ary.length;
var start = function(){
for (var i = 0; i < Math.min(count||1,ary.length); i++) {
var obj = ary.shift();
fn(obj);
}
}
return function(){
t = setInterval(function(){
if(ary.length === 0){
return clearInterval(t);
}
start();
},200);
}
}
var sendparams = {};
var loading = false;
// 最多可加载的条目
var maxItems = 200;
// 每次加载添加多少条目
var itemsPerLoad = 10;
// 上次加载的序号
var lastIndex = 0;
var count = 1;
var pullDownRefresh = function(url,params,callback){
sendparams = params;
$(document).on('refresh', '.pull-to-refresh-content',function(e) {
callback(url,sendparams,1);
count = 1;
});
}
var pullUpRefresh = function(url,params,callback){
lastIndex = 0;
count = 1;
$(document).on('infinite', '.infinite-scroll-bottom',function() {
// 如果正在加载，则退出
if (loading) return;
// 设置flag
loading = true;
var url = arguments[0];
sendparams = arguments[1];
var callback = arguments[2];
if (lastIndex >= maxItems) {
// 加载完毕，则注销无限加载事件，以防不必要的加载
$.detachInfiniteScroll($('.infinite-scroll'));
// 删除加载提示符
$('.infinite-scroll-preloader').remove();
return;
}
var total = callback(url,sendparams,count);
count++;
maxItems = total;
// 更新最后加载的序号
lastIndex = $('.list-container').children().length;
//容器发生改变,如果是js滚动，需要刷新滚动
$.refreshScroller();
// 重置加载flag
loading = false;
});
}
//获取明天日期 并以YYYY-MM-DD格式化
var getNowDate = function(){
var date = new Date();
date = new Date((date/1000+86400)*1000);
var seperator1 = "-";
var seperator2 = ":";
var year = date.getFullYear();
var month = date.getMonth() + 1;
var strDate = date.getDate();
if (month >= 1 && month <= 9) {
month = "0" + month;
}
if (strDate >= 0 && strDate <= 9) {
strDate = "0" + strDate;
}
// var currentdate = year + seperator1 + month + seperator1 + strDate
// + " " + date.getHours() + seperator2 + date.getMinutes()
// + seperator2 + date.getSeconds();
var currentdate = year + seperator1 + month + seperator1 + strDate;
return currentdate;
}
function hasClass(obj, cls) {
return obj.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'));
}
function removeClass(obj, cls) {
if (hasClass(obj, cls)) {
var reg = new RegExp('(\\s|^)' + cls + '(\\s|$)');
obj.className = obj.className.replace(reg, ' ');
}
}
function addClass(obj, cls) {
if (!hasClass(obj, cls)) {
obj.className += " " + cls;
}
}
//传入两个参数 1.show或者hide 2.callback 城市点击回调方法
var showCitys = (function(){
var isFirst = true;
var showCity = function(){
document.getElementById("bg").style.display ="block";
document.getElementById("show").style.display ="block";
}
var hideCity = function(){
document.getElementById("bg").style.display ='none';
document.getElementById("show").style.display ='none';
};
var createCity = function(){
var cityshtml = '<div id="bg"></div><div id="show"><div><!--当前城市--><div class="citys_top uh_rdsp_white_background">当前城市：<img id="citysclose"src="../images/Item_Clost.png"class="pull-right"style="width: 20px;margin-right: 20px;"/></div><!--城市列表--><div class="uh_rdsp_white_background"><div class="row city_button_parentdiv"><hr class="text_titleshow_hrs"><div class="col-33 city_button_div"><input type="button"class="city_button_selected city_button_content"value="全省"/></div><div class="col-33 city_button_div"><input type="button"class="city_button city_button_content"value="太原市"/></div><div class="col-33 city_button_div"><input type="button"class="city_button city_button_content"value="大同市"/></div></div><div class="row city_button_parentdiv"><div class="col-33 city_button_div"><input type="button"class="city_button city_button_content"value="阳泉市"/></div><div class="col-33 city_button_div"><input type="button"class="city_button city_button_content"value="长治市"/></div><div class="col-33 city_button_div"><input type="button"class="city_button city_button_content"value="晋城市"/></div></div><div class="row city_button_parentdiv"><div class="col-33 city_button_div"><input type="button"class="city_button city_button_content"value="朔州市"/></div><div class="col-33 city_button_div"><input type="button"class="city_button city_button_content"value="忻州市"/></div><div class="col-33 city_button_div"><input type="button"class="city_button city_button_content"value="晋中市"/></div></div><div class="row city_button_parentdiv"><div class="col-33 city_button_div"><input type="button"class="city_button city_button_content"value="临汾市"/></div><div class="col-33 city_button_div"><input type="button"class="city_button city_button_content"value="吕梁市"/></div><div class="col-33 city_button_div"><input type="button"class="city_button city_button_content"value="运城市"/></div></div><div class="uh_rdsp_white_background city_bottom"id="citys_bottom">确 定</div></div><!--作者：123366176@qq.com时间：2016-08-02描述：确定按钮--></div></div>';
$('#htmlbody').append(cityshtml);
var citys = document.getElementsByClassName('city_button_content');
var callback = arguments[1];
var selectedcityname = '全省';
var selectedcityid = '';
document.getElementById("bg").style.display ="block";
document.getElementById("show").style.display ="block";
document.getElementById('citysclose').onclick = hideCity;
document.getElementById('citys_bottom').onclick = function(){
callback(selectedcityname,selectedcityid);
hideCity();
};
var cleanAll = function(){
for(var i = 0;i < citys.length;i++){
removeClass(citys[i],'city_button_selected');
addClass(citys[i],'city_button')
}
}
for(var i = 0;i < citys.length;i++){
(function(i){
citys[i].onclick = function(){
cleanAll.call();
if(citys[i].value == '全省'){
selectedcityname = '全省';
selectedcityid = '';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
}else if(citys[i].value == '太原市'){
selectedcityname = '太原市';
selectedcityid = '1401';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
//callback.call(null,citys[i].value,1401);
}else if(citys[i].value == '大同市'){
selectedcityname = '大同市';
selectedcityid = '1402';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
//callback.call(null,citys[i].value,1402);
}else if(citys[i].value == '阳泉市'){
selectedcityname = '阳泉市';
selectedcityid = '1403';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
//callback.call(null,citys[i].value,1403);
}else if(citys[i].value == '长治市'){
selectedcityname = '长治市';
selectedcityid = '1404';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
//callback.call(null,citys[i].value,1404);
}else if(citys[i].value == '晋城市'){
selectedcityname = '晋城市';
selectedcityid = '1405';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
//callback.call(null,citys[i].value,1405);
}else if(citys[i].value == '朔州市'){
selectedcityname = '朔州市';
selectedcityid = '1406';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
//callback.call(null,citys[i].value,1406);
}else if(citys[i].value == '忻州市'){
selectedcityname = '忻州市';
selectedcityid = '1407';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
//callback.call(null,citys[i].value,1407);
}else if(citys[i].value == '晋中市'){
selectedcityname = '晋中市';
selectedcityid = '1408';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
//callback.call(null,citys[i].value,1408);
}else if(citys[i].value == '临汾市'){
selectedcityname = '临汾市';
selectedcityid = '1409';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
//callback.call(null,citys[i].value,1409);
}else if(citys[i].value == '吕梁市'){
selectedcityname = '吕梁市';
selectedcityid = '1410';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
//callback.call(null,citys[i].value,1410);
}else if(citys[i].value == '运城市'){
selectedcityname = '运城市';
selectedcityid = '1411';
removeClass(citys[i],'city_button');
addClass(citys[i],'city_button_selected');
//callback.call(null,citys[i].value,1411);
}
}
})(i,callback,cleanAll,selectedcityname,selectedcityid)
}
};
return function(){
if(arguments.length == 0){
return ;
}
if(isFirst == true && arguments[0] == 'show'){
createCity.apply(null,arguments);
isFirst = false;
return ;
}
if(arguments[0] == 'hide'){
hideCity.apply(null,arguments);
return ;
}
if(arguments[0] == 'show'){
showCity.apply(null,arguments);
return ;
}
}
})();
var ajaxUrlPath = (function(){
var count = 1;
var timer ;
var isFirst = true;
var ajaxfun = function(){
var url = arguments[0];
var params = arguments[1];
var str = JSON.stringify(params);
var callback = arguments[2];
$.ajax({
type: 'POST',
url: $('#contextPath').val()+url,
data: params,
dataType: 'json',
context: $('body'),
success: function(data){
callback(data);
count++;
},
error: function(xhr, type){
showAlert('请求异常');
}
})
}
return function(){
var args = arguments;
if(isFirst){
ajaxfun.apply(null,arguments);
return isFirst = false;
}
if(timer){
showToast('操作过于频繁，请稍后',1000);
return false;
}
timer = setTimeout(function(){
clearTimeout(timer);
timer = null;
ajaxfun.apply(null,args);
},2000);
}
})();
return {
getContextPath : getContextPath,
showWait: showWait,
showToast:showToast,
showAlert:showAlert,
showConfirm:showConfirm,
showActions:showActions,
showDatePicker:showDatePicker,
postUrl:postUrl,
ajaxUrl:ajaxUrl,
throttle:throttle,
getNowDate:getNowDate,
showCitys:showCitys,
removeClass:removeClass,
addClass:addClass,
pullUpRefresh:pullUpRefresh,
pullDownRefresh:pullDownRefresh,
parseTemplate:parseTemplate,
ajaxUrlPath:ajaxUrlPath
};
})();
js常用共同方法的更多相关文章
- JS常用校验方法（判断输入框是否为空，数字，电话，邮件，四舍五入等）
JS常用校验方法: 1.判断输入框是否为空,为空时弹出提示框 2.关闭窗口 3.检查输入字符串是否为数字 4.强制把大写转换成小写 5.手机号码校验,长度为11位数字. 6.电子邮件校验 7.电话号码 ...
- 【js常用DOM方法】
介绍几个js DOM的常用方法 获取元素节点 getElementById getElementsByTagName getElementsByClassName 先写一个简单的网页做测试: /* ...
- JS常用公共方法封装
_ooOoo_ o8888888o 88" . "88 (| -_- |) O\ = /O ____/`---'\____ .' \\| |// `. / \\||| : |||/ ...
- js常用API方法
String对象常用的API:API指应用程序编程接口,实际上就是一些提前预设好的方法. charAt() 方法可返回指定位置的字符. stringObject.charAt(index) index ...
- js常用通用方法
验证身份证详细方法 function isCardNo(pId) { var arrVerifyCode = [1, 0, "x", 9, 8, 7, 6, 5, 4, 3, 2] ...
- 一些JS常用的方法
/** * JS公用类库文件 */ (function(){ Tools = { W: window, D: document, Postfix: ".php", GetId: f ...
- Node.js 常用Mongoose方法
Node.js 手册查询-Mongoose 方法 一.Schema 一种以文件形式存储的数据库模型骨架,无法直接通往数据库端,也就是说它不具备对数据库的操作能力.可以说是数据属性模型(传统意义的表结构 ...
- Node.js常用express方法
Node.js 手册查询-Express 方法 1.send方法 send 方法向浏览器发送一个响应信息,并可以智能处理不同类型的数据 send方法在输出响应时会自动进行一些设置,比如HEAD信息.H ...
- JS常用属性方法大全
1. 输出语句 : document.write(""); 2.JS 中的注释为 : // 3. 传统的 HTML 文档顺序是 : document->html->(h ...
随机推荐
- 使用JavaScript脚本控制媒体播放（顺序播放和随机播放）
在JavaScript脚本中获取<audio.../>元素对应的对象为HTMLAudioElement对象,<video.../>元素对应的对象为HTMLVideoElemen ...
- vscode 快速生成html
在Hbuilder中新建一个htm自动会生成一个标准的html代码,那在vscode得一行一行写吗?太烦了吧,各种关键词搜,哎妈 终于找到了办法,现在这里记录下: 第一步:在空文档中输入 ! 第二 ...
- js常用代码-笔记
1.字符串截取substr(str,length)返回从指定位置开始,截取length长度的子字符串.substring(start,end)返回从start开始到end结束的字符串.end不写就到结 ...
- "UTF-8"、"UTF8"、"utf-8"、"utf8"之间的区别
本质上没有区别.1.“UTF-8”是标准写法;2.在Windows下边英文不区分大小写,所以也可以写成“utf-8”;3.“UTF-8”也可以把中间的“-”省略,写成“UTF8”.一般程序都能识别,但 ...
- System.Net.Mail 邮件发送示例
前言:OA自动发送邮件的程序不好使,SQL Server 存储过程邮件发送程序好使,但是不利于标准化和维护,于是觉得是适合找些“轮子”武装一下.想起之前学习过System.Net.Mail ,于是再次 ...
- css零星进阶知识点
display: inline-block: 可设置宽高的行级元素,如果inline-block元素本行无法显示完全的话则整个换行而不是里面的单词换行 position: 设置参照物,top,left ...
- MongoDB学习笔记——概述
概述 MongoDB是一个跨平台,面向文档的数据库.MongoDB创建的数据库可以实现高可用性,高性能,并且能够轻松拓展. MongodbDB的运行方式主要给予两个概念:集合(collection)和 ...
- MYSQL连接相关参数和状态值详解
针对mysql的连接参数和状态值,本文做些介绍和对比 一.MYSQL连接参数变量 1.常用连接数限制参数 show variables like '%connect%'; | max_connect_ ...
- cocos2d-x 3.1 编译脚本android-build.py
写在前面: 前段时间下载了cocos2d-x 3.1,按照官网的教程,配置环境,编译打包,走了一遍,感觉不错,顺便发现其中用了很多python的脚本文件,比如今天要说的android-build.py ...
- Python学习---Python下[列表]的学习
列表[list]用中括号[]表示,处理一组有序项目的数据结构,列表的类型是可变的数据类型,类型是list 列表是可变/线程不安全的 # type(a) = list 利用type判断元素离线 # 切 ...