JavaScript笔记-使用JS管理URL链接(前端小技巧)

如下这个JavaScript代码:

var common_ops = {
    buildUrl:function( path ,params ){
        //params = { "test":"abc","sort":"asc" };
        // ?test=abc&sort=asc
        var url = "" + path;
        var _param_url = "";
        if( params ) {
            _param_url = Object.keys(params).map(function (k) {
                return [ encodeURIComponent(k),encodeURIComponent( params[k] ) ].join("=")
            }).join("&");
            _param_url = "?" + _param_url;
        }

        return url + _param_url;
    },
    ......
    ......
    ......

这里是看到一个大佬的思路,他并不是直接在前端使用url连接,而是这样的。

第一个参数是路径。下一个参数是各个参数,如上面所示。

调用如下:

再来一个

这个小技巧的确很有用,感觉老手和新手的区别,就在于管理,和敲出花一样的代码。

发布了1286 篇原创文章 · 获赞 1975 · 访问量 180万+

猜你喜欢

转载自blog.csdn.net/qq78442761/article/details/104606555