javascript - URL中有#號如何來獲取參數(shù)啊? nodejs
問題描述
比如說https://beta.biaoqing.com/callback/qq/?#access_token=CF0C8D1CDFEE38425CDB8A719080A153&expires_in=7776000我在nodejs中用var access_token=req.query.access_token;獲取不到access_token
問題解答
回答1:無法獲取,#為前端hash,發(fā)送請求時,hash后面的不會被發(fā)到url上,不知道你?后面為什么要有#
回答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);回答3:
這個是第三方授權(quán)的回掉落地頁對吧?
這個落地頁的前端可以拿到hash后面的內(nèi)容,所以邏輯可以是這樣:
用戶從你網(wǎng)站跳轉(zhuǎn)到第三方授權(quán) -> 第三方授權(quán)成功跳轉(zhuǎn)到你網(wǎng)站預先設置的回調(diào)落地頁 -> 回調(diào)落地頁hash中帶有access_token和其他參數(shù) -> 落地頁 js 取下hash中的參數(shù)發(fā)送異步請求到后端設定好的接口 -> ajax返回成功,js控制跳轉(zhuǎn) -> 瀏覽器被導航到真正的用戶可交互的授權(quán)成功頁
也就是說,第一步返回的落地頁是一個中轉(zhuǎn)的頁面,目的就是用 js 取下hash后的內(nèi)容 ajax 發(fā)回到后端,后端拿到第三方授權(quán)回來的token后js立馬控制跳轉(zhuǎn)。這個中轉(zhuǎn)頁最好加一些 UI,比如正在跳轉(zhuǎn)之類的提示,用戶體驗上絕對可以接受的。
相關(guān)文章:
1. android - 用textview顯示html時如何寫imagegetter獲取網(wǎng)絡圖片2. javascript - table列過多,有什么插件可以提供列排序和選擇顯示列的功能3. showpassword里的this 是什么意思?代表哪個元素4. javascript - windows下如何使用babel,遇到了困惑5. JavaScript事件6. python - 為什么正常輸出中文沒有亂碼,zip函數(shù)之后出現(xiàn)中文編程unicode編碼的問題,我是遍歷輸出的啊。7. javascript - js中向下取整8. android - rxjava多線程并發(fā)怎么控制順序9. 對mysql某個字段監(jiān)控的功能10. html - vue項目中用到了elementUI問題
