js獲取當前頁面的URL並且截取‘?’之後的數據,返回json格式的數據 最近想要把學到的東西整理一下,以後方便查找,也是一種自我累積,如果有錯誤或者更好的,歡迎提出! 這篇文檔主要是寫關於獲取頁面的URL數據,並且拿到“?”後面的那一部分,最後作為json格式返回。這個在web前端中應該是比較常用 ...
js獲取當前頁面的URL並且截取‘?’之後的數據,返回json格式的數據
最近想要把學到的東西整理一下,以後方便查找,也是一種自我累積,如果有錯誤或者更好的,歡迎提出!
這篇文檔主要是寫關於獲取頁面的URL數據,並且拿到“?”後面的那一部分,最後作為json格式返回。這個在web前端中應該是比較常用的,為了防止忘記,同時也是方便有時間了複習一下,整理一下記載下來;
通常情況下需要截取的url情況如下(看到當前博客界面上面就是,所以直接copy下來了):
https://i.cnblogs.com/EditPosts.aspx?opt=1
其中https: 這部分是網路協議,後面的是網址,我們需要的是“opt=1”這一部分,也就是?後面的部分,我們把這種模式成為 ‘key = value’模式吧。以下是得到URL並且獲取到?後面數據的方法,返回的 格式是json
function parseUrlParams(){
//獲取到href
var urlParams = window.location.href;
var vars = {};
// 處理獲取到的url,(g表示全局匹配,i表示忽略大小寫)
var parts = urlParams.replace(/[?&]+([^=&]+)=([^&]*)/gi,
function(m,key,value) {
vars[key] = value;
});
return vars;
}
調用方法並且得到返回的json數據
var jsonData = parseUrlParams();拿到json數據中的value
var value = jsonData['key'];
value就是我們前端程式員想要的數據了,根據這個數據匹配想要的東西去吧