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
問題解答
回答1:無法獲取,#為前端hash,發送請求時,hash后面的不會被發到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:
這個是第三方授權的回掉落地頁對吧?
這個落地頁的前端可以拿到hash后面的內容,所以邏輯可以是這樣:
用戶從你網站跳轉到第三方授權 -> 第三方授權成功跳轉到你網站預先設置的回調落地頁 -> 回調落地頁hash中帶有access_token和其他參數 -> 落地頁 js 取下hash中的參數發送異步請求到后端設定好的接口 -> ajax返回成功,js控制跳轉 -> 瀏覽器被導航到真正的用戶可交互的授權成功頁
也就是說,第一步返回的落地頁是一個中轉的頁面,目的就是用 js 取下hash后的內容 ajax 發回到后端,后端拿到第三方授權回來的token后js立馬控制跳轉。這個中轉頁最好加一些 UI,比如正在跳轉之類的提示,用戶體驗上絕對可以接受的。
相關文章:
1. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?2. javascript - Web微信聊天輸入框解決方案3. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應4. javascript - log4js的使用問題5. docker - 如何修改運行中容器的配置6. javascript - 移動端textarea不能上下滑動,該怎么解決?7. javascript - history.replaceState()無法改變query參數8. javascript - 為什么form表單提交沒有跨域問題,但ajax提交有跨域問題?9. javascript - Ajax加載Json時,移動端頁面向左上角縮小一截兒,加載完成后才正常顯示,這該如何解決?10. javascript - 為什么這個點擊事件需要點擊兩次才有效果
