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

問題描述

比如說https://beta.biaoqing.com/callback/qq/?#access_token=CF0C8D1CDFEE38425CDB8A719080A153&expires_in=7776000我在nodejs中用var access_token=req.query.access_token;獲取不到access_token

問題解答

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

教你一個特別的方法：

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);回答3：

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

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

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

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