如果在呼叫html頁面的時候傳遞引數
阿新 • • 發佈:2021-11-29
看公司移動端專案時看到了一種前後端連線方式,服務端維護了一些H5頁面,app獲取這些頁面,渲染到app頁面中。
這樣將可頻繁變化的頁面交由服務端維護,可以有效減少客戶app的更新次數,增加使用者體驗。
這種h5頁面也是前後端分離的方式,需要呼叫後端介面獲取資料。
h5頁面本身是無狀態的,但是我們呼叫後臺介面,也需要獲取當前的狀態,比如,當前要展示資料的id,當前使用者的id等等。
這時我們可以仿照呼叫GET方式Restful介面的形式,將想要傳遞的引數拼接到html後面
比如:app請求aaa.html
頁面,想要攜帶id和userId欄位,我們就可以aaa.html?id=123&userId=234
然後我們在寫aaa.html的時候,就可以通過以下方法獲取這些引數了
function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2]); return null; } var id=getQueryString('id'); var userId=getQueryString('userId');