看公司移动端项目时看到了一种前后端连接方式,服务端维护了一些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');