html中获取请求路径携带的参数—超简单的方法

最新推荐文章于 2023-12-30 11:29:49 发布

原创最新推荐文章于 2023-12-30 11:29:49 发布 · 2.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #html #vue.js

JS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何在Vue.js环境中获取URL查询参数并进行解析。通过示例函数`getData()`，展示了从URL中提取`cid`和`name`等参数的方法，该函数适用于带有多个参数的URL，并且详细解释了代码的工作原理。

提示：
最下面是获取参数，携带多个参数时，直接声明变量，赋值获取就行。
vue.js版本的html也同样支持

   function getData() {
                    var url = location.search;

                    var theRequest = new Object();

                    if (url.indexOf("?") != -1) {

                        var str = url.substr(1);
                        strs = str.split("&");

                        for (var i = 0; i < strs.length; i++) {
                            theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
                        }
                    }
                    //第一个cid是你要得到的值随便取的名字
                    //theRequest.cid  cid是路径后面的参数名
                    var cid = theRequest.cid;
                    // 第二个参数 正常获取就行
                    var name = theRequest.name;
                }