js封装常用的函数

获取当前页面url中请求参数

	getUrlParam: function () {
        // let search = top.location.search;
        let search = location.search;
        let _str = search && decodeURIComponent(search.replace(/^\?/, ''));
        let _arr = !_str ? [] : _str.split('&'),
            param = {};
        _arr.forEach(function (item) {
            let key = item.split('=')[0];
            let val = item.split('=')[1];
            param[key] = val;
        });

        return param;
    },

拼接url和参数(json)

	jointUrl: function (url, obj) {
        let rangeArr = [];
        if (obj && typeof obj === 'object') {
            if (rangeArr.length == 0) {
                rangeArr.push(url)
            }

            /\?/g.test(url) ? rangeArr.push('&') : rangeArr.push('?');

            for (let i in obj) {
                if (obj.hasOwnProperty(i)) {
                    // if(obj[i] !== ''){   //导致数据不能修改为空
                    rangeArr.push(i)
                    rangeArr.push('=')
                    rangeArr.push(obj[i])
                    rangeArr.push('&')
                    // }
                }
            }

            return rangeArr.join('').replace(/&$/, '')
        } else {
            return url;
        }
    },

vue中http请求(get)

get: function (url, callback) {
        if (!url) return toast.show('没有请求URL');
        url = this.jointUrl(url, {
            _: (new Date()).getTime()
        });

        Vue.http.get(url)
            .then(function (response) {
                let result = response.data;
                if (0 === result.ret) {
                    callback && callback(result);
                } else {
                    toast.show('接口错误:[ret:' + result.ret + '] ' + result.msg);
                }
            }, function (response) {
                toast.show('服务器错误:[status:' + response.status + '] ' + response.statusText);
            });
    },

原生中http请求(get)

	httpGet(url, data, header = {}, timeout = 30000) {
        return new Promise((resolve, reject) => {
            if (!url) reject(new Error("缺少url"))
            url = this.jointUrl(url, data)
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.withCredentials = true;
            xmlhttp.open('GET', url, true);
            for (let i in header) {
                xmlhttp.setRequestHeader(i, header[i]);
            }
            xmlhttp.timeout = timeout;
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4) {
                    if (xmlhttp.status == 504) {
                        reject(new Error("服务器请求超时.."))
                        xmlhttp.abort();
                    } else if (xmlhttp.status == 200) {
                        resolve(xmlhttp.responseText);
                    } else {
                        reject(new Error("AJAX请求失败"))
                    }
                    xmlhttp = null;
                }
            }
            xmlhttp.ontimeout = function () {
                reject(new Error("客户端请求超时.."))
            }
            xmlhttp.send(data);
        })
    }

原生http请求(jsonp)

 httpJson(url, data, cbFunName, cbKey = "callback") {
        return new Promise((resolve, reject) => {
            if (!url) reject(new Error("缺少url"))
            //生成回调函数名称
            cbFunName = typeof cbFunName === "string" ? cbFunName : ('_jsonp' + Math.random()).replace(".", "");

            //组装数据和url地址
            data = typeof data === "object" ? data : {}
            data[cbKey] = cbFunName;
            url = this.jointUrl(url, data)

            //组装script标签,并插入头部
            var dom = document.createElement('script');
            dom.src = url
            var head = document.getElementsByTagName('head')[0]
            head.appendChild(dom);

            //移除script标签并执行回调
            window[cbFunName] = function (data) {
                head.removeChild(dom);
                resolve(data);
            };
        })
    },

vue中http请求(jsonp)

	jsonp: function (url, callback) {
        if (!url) return toast.show('URL 有误');
        url = this.jointUrl(url, {
            _: (new Date()).getTime()
        });

        Vue.http.jsonp(url)
            .then(function (response) {
                let result = response.data;
                callback && callback(result);
            }, function (response) {
                toast.show('服务器错误:[status:' + response.status + '] ' + response.statusText);
            });
    },

原生ajax的POST方式请求

	originalPost2: function (url, data, successCallback, failCallback, contentType) {
        var xmlhttp = null;
        if (window.XMLHttpRequest) {
            xmlhttp = new XMLHttpRequest();
        }
        xmlhttp.open("POST", url, true);
        if (contentType) {
            xmlhttp.setRequestHeader('Content-Type', contentType);
        }
        xmlhttp.timeout = 30000;
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.readyState == 4) {
                if (xmlhttp.status == 504) {
                    console.log("服务器请求超时..");
                    typeof failCallback == 'function' && failCallback()
                    xmlhttp.abort();
                } else if (xmlhttp.status == 200) {
                    typeof successCallback == 'function' && successCallback(xmlhttp.responseText)
                } else {
                    console.log("服务器请求失败,状态值:" + xmlhttp.status);
                    typeof failCallback == 'function' && failCallback()
                }
                xmlhttp = null;
            }
        }
        xmlhttp.ontimeout = function () {
            console.log("客户端请求超时..");
            typeof failCallback == 'function' && failCallback()
        }
        xmlhttp.send(data);
    },

获取时间(不传参数以当前时间返回)

	getFormatDate: function (fmt = 'yyyy-MM-dd hh:mm:ss', time = new Date()) {
        var o = {
            "M+": time.getMonth() + 1, //月份
            "d+": time.getDate(), //日
            "h+": time.getHours(), //小时
            "m+": time.getMinutes(), //分
            "s+": time.getSeconds(), //秒
            "q+": Math.floor((time.getMonth() + 3) / 3), //季度
            "S": time.getMilliseconds() //毫秒
        };
        if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (time.getFullYear() + "").substr(4 - RegExp.$1.length));
        for (var k in o)
            if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
        return fmt;
    },

cookie相关函数

	getCookie: function (name) {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
        if (arr = document.cookie.match(reg))
            return (arr[2]);
        else
            return null;
    },
    setCookie: function (c_name, value, expiredays) {
        var exdate = new Date();
        exdate.setDate(exdate.getDate() + expiredays);
        document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
    },
    delCookie: function (name) {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        var cval = this.getCookie(name);
        if (cval != null)
            document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
    },

获取图片尺寸(根据file)

	getImageSize: function (file) {
        return new Promise(function (resolve, reject) {            
            let image = new Image();
            image.onload = function () {
                let width = image.width;
                let height = image.height;
                resolve({
                    width: width,
                    height: height,
                });
            }
            image.onerror = function (e) {
                reject('获取图片宽高失败')
            }
            image.src = window.URL.createObjectURL(new Blob([file], {type: file.type}));
        });
    },

获取图片尺寸(根据url)

	getImageSizeByUrl: function (url) {
        return new Promise(function (resolve, reject) {
            let img = new Image();
            img.src = url + '?_=' + Date.parse(new Date());
            var check = function () {
                if (img.width > 0 && img.height > 0) {
                    clearInterval(set);
                    resolve({
                        width: img.width,
                        height: img.height,
                    });
                }
            }
            var set = setInterval(check, 50);
        });
    },

fetch请求

	promiseFetchData: function (url) {
        return new Promise(resolve => {
            fetch(url).then(res => {
                if (res.ok) {
                    res.json().then(data => {
                        if (data.code == 200) {
                            resolve(data.data);
                        } else {
                            resolve(ERROR);
                        }
                    });
                } else {
                    resolve(ERROR);
                }
            }, err => {
                resolve(ERROR);
            })
        });
    },

获取字符串长度(单字符算1,其他算2)

	getNickLen: function (str) {
        var len = 0;
        for (var i = 0; i < str.length; i++) {
            var c = str.charCodeAt(i);
            //单字节加1   
            if ((c >= 0x0001 && c <= 0x007e) || (0xff60 <= c && c <= 0xff9f)) {
                len++;
            }
            else {
                len += 2;
            }
        }
        return len;
    }

除法安全运算

	accDiv(num1, num2) {
        var t1, t2, r1, r2;
        try {
            t1 = num1.toString().split('.')[1].length;
        } catch (e) {
            t1 = 0;
        }
        try {
            t2 = num2.toString().split(".")[1].length;
        } catch (e) {
            t2 = 0;
        }
        r1 = Number(num1.toString().replace(".", ""));
        r2 = Number(num2.toString().replace(".", ""));
        return (r1 / r2) * Math.pow(10, t2 - t1);
    }

乘法安全运算

	accMul(num1, num2) {
        var m = 0, s1 = num1.toString(), s2 = num2.toString();
        try { m += s1.split(".")[1].length } catch (e) { };
        try { m += s2.split(".")[1].length } catch (e) { };
        return Number(s1.replace(".", "")) * Number(s2.replace(".", "")) / Math.pow(10, m);
    }

验证特殊字符

noSpecialCharacter(tip='不允许有特殊字符', regexp) {
    return function (rule, value, callback) {
        return new Promise((resolve, reject)=> {
            let  reg = regexp || /[&%\*\(\)【】~`:$]/
            if (reg.test(value)) {
                 reject(new Error(tip));
            } else {
                resolve()
            }
        })
    }
}
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值