H5客户端获取Url参数的方法

一，window.location.href: 获取完整的url链接
二，this.$ route.path：前端路由中配置的path
三，this.$ route.fullPath：当前页面除去协议，域名后的完整链接
四，以对象的形式获取当前Url链接?后面拼接的参数，有以下两种方法：
1，this.$route.query
2，以函数的形式，函数参数可以不传：

function GetRequest(str) {var url = str ? str : decodeURI(location.search); //获取url中"?"符后的字串var theRequest = new Object();if (url.indexOf('?') != -1) {url = url.substr(1);}if (url) {var strs = url.split('&');for (var i = 0; i < strs.length; i++) {var srtArry = strs[i].split('=');var y = srtArry.shift();theRequest[y] = unescape(srtArry.join('='));}}return theRequest;
}

五，获取从上个页面传递过来的参数，有以下两种方法：
1，this.$ route.query
A.vue

this.$router.push({path: '/B',    // B完整的pathquery: {number: '111111111111111',cityNo: '21',latitude: '31.24',longitude: '121.67',type: 'sssss'}
});

B.vue
用this.$ route.query就可以获取A.vue中传递过来的参数，并且当前页面会显示带参数的完整的Url，刷新页面后参数依然存在
2，this.$ route.params:
A.vue

this.$router.push({name: 'B',params: {number: '111111111111111',cityNo: '21',latitude: '31.24',longitude: '121.67',type: 'sssss'}
});

B.vue
用this.$route.params就可以获取A.vue中传递过来的参数，但是当前页面的Url不会显示拼接的参数，并且刷新页面后参数不会存在

最后，大家有没有注意到在A.vue和B.vue中用到的分别是this.$ router和this.$ route，两者之家有什么区别呢？
this.$ router是全局路由对象，每个页面都可以调用push, go等方法
this.$route表示当前正在跳转的路由对象，可以调用其path, name, query, params等属性

H5客户端获取Url参数的方法相关推荐

使用jquery获取url以及jquery获取url参数的方法
使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作1.jquery获取url很简单,代码如下1.window.location.href;其实只是用到了javascri ...
ajax动态获取url参数值,获取URL参数的方法
一.URL:统一资源定位符 1.URL组成完整的URL由这几个部分构成: scheme://host:port/path?query#fragment 名词解释: scheme:通信协议.常用的ht ...
js 获取url参数的方法
浏览器提供了一个新的接口来获取 url参数------------- URLSearchParams // 示例 https://www.baidu.com?id=2&isCheck=2 le ...
2021年最新获取url参数的方法，用正则就落后啦
前言:相信大家对获取浏览器参数都很熟悉,第一反应是使用正则表达式去对浏览器的参数进行切割获取,然而浏览器已经提供了一个URLSearchParams这个接口给我们去操作URL的查询字符串使用正则表达 ...
php获取url参数的方法,php获取url参数方法总结
这篇文章主要介绍了php获取url参数方法,实例总结了利用parse_url()函数解析URL的方法,需要的朋友可以参考下本文实例讲述了php获取url参数方法.分享给大家供大家参考.具体如下: 在 ...
js实现一个获取url参数的方法-前端面试题
直接上代码 <script>// 指定参数名称,返回该参数的值或者空字符串// 不指定参数名称,返回全部的参数对象或者 {}// 如果存在多个同名参数,则返回数组/*** @para ...
js获取url参数的方法
简单方便 function getVariable(url, key) {url = new URL(url);return url.searchParams.get(key) }const url2 ...
H5页面获取url参数
1.url为:test.html?id=1064&td_channelid=3&type=3&from=groupmessage parseUrl: function() {v ...
使用jquery获取url及url参数的方法及定义JQuery扩展方法
1.jquery获取url很简单,代码如下: window.location.href; 其实只是用到了javascript的基础的window对象,并没有用jquery的知识. 2.jquery获取 ...

H5客户端获取Url参数的方法

H5客户端获取Url参数的方法相关推荐

最新文章

热门文章