如何從JS/AngularJs的HTML片段中提取參數？

Question

有這樣的一個網址：

http://domain/home#id_token=token123&state=staticState 

我怎樣才能提取 「id_token」 片段（id_token = token123），它在JS或AngularJs的價值（token123）？

感謝提前:)

Answer 1

您可以使用URL構造函數，返回對象的.hash財產，.split()與參數"&"，.shift()前"&"字符

const url = "http://domain/home#id_token=token123&state=staticState"; 
 

 
const params = new URL(url).hash.split("&").shift(); 
 

 
console.log(params);

得到字符串的一部分

Answer 2

如何提取「id_token」片段（id_token=token123）及其值（token123）？

var url = "http://domain/home#id_token=token123&state=staticState"; 
 
var queryString = url.split('#')[1] 
 
var queryParts = queryString.split('&'); 
 
var queryObj = queryParts.reduce((obj,q) => { 
 
    var key = q.split('=')[0]; 
 
    var val = q.split('=')[1]; 
 
    obj[key]=val; 
 
    return obj; 
 
},{}); 
 
console.log("query object =>", queryObj); 
 
console.log("id_token=" + queryObj['id_token']); 
 
console.log(queryObj['id_token']);

上面的例子從URL的查詢字符串分開。然後它創建一個對象，該對象具有從查詢字符串解析的鍵和值。個別參數值可以使用property accessor bracket notation獲取。