window.open和document.open结合使用解决前端渲染后台返回数据的问题

  最近在做项目由于某联方面制约不想让公司拿到用户全部信息。在用户信息进行验证时,以前公司对接的前台接口(也就是公司自己的页面,可以拿到用户全部信息);现在的情况是能拿到用户部分信息,传给某联然后某联给返回某联自己的信息认证页面代码,前端就涉及渲染这些代码。
第一种:document.write() 渲染
尝试着使用document.write进行渲染,但是发现结果不尽人意。下边是代码的实现(错误的实现方式),这种方式到现在不知道是怎么回事,结果是页面虽然进行了跳转但是页面成了空白页,研究了下发现有元素,但是不显示,对页面元素调整样式还是不显示。

window.open和document.open结合使用解决前端渲染后台返回数据的问题_第1张图片

第二种:window.open() 渲染
这样的方式当时在谷歌模拟是可以的,放入公众号当时测试了安卓也是可以跳转的,没想到测试苹果毫无反应,发现需要用户点击才可以使用 **window.open()** 函数,就做了弹窗点击之后执行这段代码,发现可以跳转但是页面又变成了空白页,emm.... 因为网上大多数文档都是跳转地址,所以这次不知道问题出哪了,就在微信开发者工具模拟输出了下,发现有数据但是没有渲染。
   var TestWin = window.open("");//打开一个窗口并赋给变量TestWin。
   TestWin.opener = null; // 防止代码对论谈页面修改
   TestWin.document.write(res.data.data); //向这个打开的窗口中写入代码code,这样就实现了运行代码功能。
   TestWin.document.close();
第三种:document.open() 渲染
 只是想尝试下是否可以发现这个方法可以处理苹果打开页面空不渲染的方法,因为这个函数出镜率不高,没想到正好可以解决。
  var newDoc = document.open("text/html", "replace");
   newDoc.write(html);
     newDoc.close();

最后使用的是第二种方法和第三种方法结合解决渲染后台数据代码的问题

你可能感兴趣的:(微信h5开发)