jQuery构建路由

最新推荐文章于 2024-03-15 09:34:55 发布

思维小刀

最新推荐文章于 2024-03-15 09:34:55 发布

阅读量1.9k

点赞数 1

分类专栏： jQuery

本文链接：https://blog.csdn.net/fujian9544/article/details/91458037

版权

jQuery 专栏收录该内容

38 篇文章 1 订阅

订阅专栏

buildMUrl:function( path ,params){
            var url =   "/m" + path;
            var _paramUrl = '';
            if( params ){
                //处理参数
                _paramUrl = Object.keys(params).map(function(k) {
                   return [encodeURIComponent(k), encodeURIComponent(params[k])].join("=");
                }).join('&');
                _paramUrl = "?"+_paramUrl;
            }
            //url到文件的
            //_paramUrl为参数部分的
            return url + _paramUrl

        },

分析：

url构建好了文件部分

Object.keys(params)获取参数的所有的key

map函数进行数组map处理：key与value之间用=连接各个参数之间用&连接！

进行拼接：url(到文件部分)+param（参数部分）最后执行join

<!DOCTYPE html>
<html>
<body>
<ul id="ul">
	<li>1</li>
	<li>2</li>
	<li>3</li>
	<li>4</li>
</ul>
</body>
</html>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
			var arr = ['a', 'b', 'c'];
             result = Object.keys(arr).map(function(k) {
             		console.log(k);
             		console.log([encodeURIComponent(k), encodeURIComponent(arr[k])].join("="));
                    return [encodeURIComponent(k), encodeURIComponent(arr[k])].join("=");
                }).join('&');

             console.log(result);//0=a&1=b&2=c

            // 每次循环出现一组数字  最后进行拼接join
   			// 0
			// 0=a
			// 
			// 1
			// 1=b
			// 
			// 2
			// 2=c

	})
</script>

整体代码

;
 
var common_ops = {
    init:function(){
        this.eventBind();
        this.setIconLight();
    },
    eventBind:function(){
 
    },
    setIconLight:function(){
        var pathname = window.location.pathname;
        var nav_name = null;
 
        if(  pathname.indexOf("/m/default") > -1 || pathname == "/m" || pathname == "/m/" ){
            nav_name = "default";
        }
 
        if(  pathname.indexOf("/m/product") > -1  ){
            nav_name = "product";
        }
 
        if(  pathname.indexOf("/m/user") > -1  ){
            nav_name = "user";
        }
 
        if( nav_name == null ){
            return;
        }
 
        $(".footer_fixed ."+nav_name).addClass("aon");
    },
    buildMUrl:function( path ,params){
        var url =   "/m" + path;
        var _paramUrl = '';
        if( params ){
            _paramUrl = Object.keys(params).map(function(k) {
                return [encodeURIComponent(k), encodeURIComponent(params[k])].join("=");
            }).join('&');
            _paramUrl = "?"+_paramUrl;
        }
        return url + _paramUrl
 
    },
    buildWwwUrl:function( path ,params){
        var url =    path;
        var _paramUrl = '';
        if( params ){
            _paramUrl = Object.keys(params).map(function(k) {
                return [encodeURIComponent(k), encodeURIComponent(params[k])].join("=");
            }).join('&');
            _paramUrl = "?"+_paramUrl;
        }
        return url + _paramUrl
 
    },
    buildPicUrl:function( bucket,img_key ){
        var upload_config = eval( '(' + $(".hidden_layout_warp input[name=upload_config]").val() +')' );
        var domain = "http://" + window.location.hostname;
        return domain + upload_config[ bucket ] + "/" + img_key;
    },
    notlogin:function( referer ){
        if ( ! referer) {
            alert('授权过期,系统将引导您重新授权');
            referer = location.pathname + location.search;
        }
        window.location.href = this.buildMUrl("/user/bind",{ referer:referer });
    }
};
 
$(document).ready( function() {
    common_ops.init();
});
 
 
// 对Date的扩展，将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，
// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
// 例子：
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
// (new Date()).Format("yyyy-M-d h:m:s.S")      ==> 2006-7-2 8:9:4.18
Date.prototype.Format = function(fmt)
{ //author: meizz
    var o = {
        "M+" : this.getMonth()+1,                 //月份
        "d+" : this.getDate(),                    //日
        "h+" : this.getHours(),                   //小时
        "m+" : this.getMinutes(),                 //分
        "s+" : this.getSeconds(),                 //秒
        "q+" : Math.floor((this.getMonth()+3)/3), //季度
        "S"  : this.getMilliseconds()             //毫秒
    };
    if(/(y+)/.test(fmt))
        fmt=fmt.replace(RegExp.$1, (this.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;
};