javascript - URL中有#號如何來取得參數啊？ nodejs

Question

比如說https://beta.biaoqing.com/callback/qq/?#access_token=CF0C8D1CDFEE38425CDB8A719080A153&expires_in=7776000
我在nodefken##我在nodevar. access_token;取得不到access_token

Answer 1

無法獲取，#為前端hash，發送請求時，hash後面的不會被發到url上，不知道你?後面為什麼要有#

Answer 2

教你一個特別的方法：

const querystring = require('querystring');
let str = 'https://beta.biaoqing.com/callback/qq/#access_token=CF0C8D1CDFEE38425CDB8A719080A153&expires_in=7776000';

let r = querystring.parse(str);
console.log(r);

for(value in r){
    console.log('key: ', value);
    console.log('value: ', r[value]);
}

算是投機取巧吧。
es6中的 Object.values（）方法可以取代上面的 for in 方法，但是只有在 node v7.x 版本才相容。

------------------------分隔符號----------------------- --------

改進下上面的方法：去掉 # 這個符號就OK了。

const querystring = require('querystring');
const url = require('url');

let str = 'https://beta.biaoqing.com/callback/qq/?#access_token=CF0C8D1CDFEE38425CDB8A719080A153&expires_in=7776000';
let str2 = str.replace(/\#/g,'');//去掉 # 符号
let obj_query = querystring.parse(url.parse(str2).query); // 解析URL的 query 部分
console.log(obj_query.access_token);

Answer 3

這個是第三方授權的回掉落地頁對吧？

這個落地頁的前端可以拿到hash後面的內容，所以邏輯可以是這樣：

用戶從你網站跳到第三方授權-> 第三方授權成功跳到你網站預先設定的回調落地頁-> 回呼落地頁hash中帶有access_token和其他參數-> 落地頁js 取下hash中的參數發送非同步請求到後端設定好的介面-> ajax返回成功，js控制跳轉-> 瀏覽器被導航到真正的用戶可交互的授權成功頁

也就是說，第一步返回的落地頁是一個中轉的頁面，目的就是用js 取下hash後的內容ajax 發回後端，後端拿到第三方授權回來的token後js立刻控制跳轉。這個中轉頁最好能加上一些 UI，像是正在跳轉之類的提示，使用者體驗上絕對可以接受的。