1. 程式人生 > 其它 >如果在呼叫html頁面的時候傳遞引數

如果在呼叫html頁面的時候傳遞引數

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