JavaScript方法(获取json长度、获取url中的参数、数字处理成三位隔开、获取项目路径)

场景描述:

        JavaScript中需要获取JSON内容的长度时,没有方法可以直接调用,所以需要遍历来获取长度;

//获取json长度函数
function getJsonLength(jsonData){
    var jsonLength = 0;
    for(var item in jsonData){
        jsonLength++;
    }
    return jsonLength;
}

场景描述:

        在外部引用的JavaScript文件中,不能再当前页面使用EL标签来获取url中的参数,所以在外部JavaScript中使用方法来获取参数:

//获取url中request中参数
function GetQueryString(name)
{
     var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
     var r = window.location.search.substr(1).match(reg);
     if(r!=null)return  unescape(r[2]); return null;
}

场景描述:

        在取得数据的总数时,是一串连续的没有断隔的数字,在页面展示的时候易读性比较差,所以需要处理一下以三个数字为一个逗号隔开:

//数字处理
//每隔3位,用逗号隔开
function toThousands(newnum) {
    var result = [],
        counter = 0;
    newnum = (newnum || 0).toString().split('');
    for(var i = newnum.length - 1; i >= 0; i--) {
        counter++;
        result.unshift(newnum[i]);
        if(!(counter % 3) && i != 0) {
            result.unshift(',');
        }
    }
    return result.join('');
}

场景描述:

        在使用如下JSTL获取项目路径在当前页面中可以使用

<c:set var="ctxStatic" value="${pageContext.request.contextPath}/static"/>

         但是在外部引用的JavaScript文件中不能直接使用,全部手打太麻烦,使用方法获取:

// 获取ctxStatic
function getCtxStatic() {
    var pathName = document.location.pathname;
    var index = pathName.substr(1).indexOf("/");
    var result = pathName.substr(0,index+1);
    result+='/static';
    return result;
}

总结:

        如上几个方法,引起这些问题的主要因素是,引入的外部JavaScript文件中不能使用EL、JSTL标签来获取数据,这是因为只有当前页面的标签处理成了java代码,外部引入的JavaScript文件加载慢于当前页面生成java代码。


猜你喜欢

转载自blog.csdn.net/henrymrz/article/details/80766036