换种思路解决http与https之间的页面调用问题
业务场景:
?? 主页面为http协议的普通页面。
?? 子页面为https协议的页面。
?? 两张页面处于同一个域名,只是协议不同。从浏览器角度而言应该属于跨域问题。
业务要求:
?? 主页面在加载子页面里需要传递参数给子页面。
?? 子页面在处理完成后需要回调父页面的方法。
业务示例:
?? 主页面有按钮,点击后弹出登录窗口,该登录窗口为iframe方式嵌入一个单独的JSP页面。
?
问题描述:
?? 在未采用https的时候,父页面直接调用子页面的方法获取父页面的参数。在子页面处理完成后也是直接调用父页面的方法完成后续处理任务。
? 在改用https后,父页面无法调用子页面的方法,子页面也无法调用父页面的方法,具体的原因就是出现无权限访问。
问题分析:
?? 针对跨域的问题,采用通常的document.domain及jsonp均无法解决子页面调用父页面的问题。
解决方案:
?? 换种思路,既然子页面是因为协议与父页面不同导致无法调用,那我们只要想法变成相同的即可。
?具体步骤如下:
? 对于父页面传递给子页面参数的问题,可以直接在URL后面跟上需要传递的参数即可(对于大数据量不可使用)
? 对于子页面调用父页面的问题,可以在子页面处理完成后,使用window.location.href的方式先跳转到一个http协议的中间页面,再由该页面去调用父页面的方法即可。如果需要传递参数,一样直接使用URL追加相应的参数。
?