场景:在页面中用表单Post提交一个请求,该请求会根据提交数据返回页面,该页面通过iframe展示在当前页面上,html代码:
<div class="btn-area">
<form id="credit_form" class="info-msg" name="form" method="post"
action="../../handler/pingpong/getpingpongdata" target="id_iframe">
<textarea name="data" rows="50" cols="50"
style="width:500px;height:500px"></textarea>
<input type="submit" name="submit" onclick="sumbitData()" value="提交">
</form>
</div>
<div id="float" class="container" style="display:none">
<div class="dialog">
<iframe name="id_iframe"></iframe> <!--不需要src来知道要展示的页面,同时也减少了一次请求-->
</div>
</div>
JS代码如下:
function sumbitData(){
$("#credit_form").submit();
$("#float").show();
}
window.addEventListener('message',function(rs){ //接收到iframe页面发过来的请求
console.log(rs.data);
if(rs.data == "cancel_credit"){
$("#float").hide();
}
});