如果在調用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');
          


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM