如果在调用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');
          
posted @ 2021-11-29 14:39  XmCui  阅读(1292)  评论(0编辑  收藏  举报