看公司移動端項目時看到了一種前后端連接方式,服務端維護了一些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');