使用JavaScript从干净/ SEO友好的URL获取查询字符串参数

Question

我最近已将我的网站切换为使用干净/搜索引擎优化友好的网址，现在这些网址给我带来了一些JavaScript函数，用于获取查询字符串参数。

以前我一直在使用这个功能：

function getQueryVariable(variable) { 
var query = window.location.search.substring(1); 
var vars = query.split("&"); 
for (var i = 0; i < vars.length; i++) { 
    var pair = vars[i].split("="); 
    if (pair[0] == variable) { 
     return pair[1]; 
    } 
} 
return (false); 
} 

，类似的this对事物运行良好，你可能只需要调用getQueryVariable("image")并返回“awesome.jpg”。

我一直在玩的indexOf();功能，试图从当前的URL抓取的相关参数，如：

var url = window.location.pathname; 
var isPage = url.indexOf("page") + 1; 

在试图获得“页”参数的数组索引号，然后加1它移动到的值(?page=name > /page/name/)

JavaScript不是我的主要语言，所以我不习惯使用数组等，我试图把它变成一个新的功能已经给我头痛。

任何指针？

Answer 1

怎么这样呢？它分割路径，并保持数组的第一个元素偏移，因为它确定键/值对。

function getPathVariable(variable) { 
 
    var path = location.pathname; 
 

 
    // just for the demo, lets pretend the path is this... 
 
    path = '/images/awesome.jpg/page/about'; 
 
    // ^-- take this line out for your own version. 
 

 
    var parts = path.substr(1).split('/'), value; 
 

 
    while(parts.length) { 
 
    if (parts.shift() === variable) value = parts.shift(); 
 
    else parts.shift(); 
 
    } 
 

 
    return value; 
 
} 
 

 
console.log(getPathVariable('page'));

Answer 2

这可以正式使用库如router.js做，但我会去简单的字符串操作：

const parts = '/users/bob'.split('/') 
const name = parts[parts.length - 1] // 'bob'