父層

<div class="col-xs-4 text-left" style="padding-left: 50px;"><button type="button" class="btn btn-success" οnclick="addCategory();">添加</button></div>

點(diǎn)擊添加，按鈕，執(zhí)行添加方法

function addCategory() {layer.open({title:'<img src="{sh::RES}image/add.gif">&nbsp;添加分類',type: 2,area: ['700px', '530px'],fix: false, //不固定maxmin: true,content: '{sh::U("Mall/editcategory")}',success:function(layero,index){},end:function(){var handle_status = $("#handle_status").val();if ( handle_status == '1' ) {layer.msg('添加成功！',{icon: 1,time: 2000 //2秒關(guān)閉（如果不配置，默認(rèn)是3秒） },function(){history.go(0);});} else if ( handle_status == '2' ) {layer.msg('添加失敗！',{icon: 2,time: 2000 //2秒關(guān)閉（如果不配置，默認(rèn)是3秒） },function(){history.go(0);});}}}); }

這個(gè)方法，打開一個(gè)iframe頁(yè)面，頁(yè)面中可以執(zhí)行一些操作，添加分類，執(zhí)行完畢后調(diào)用一個(gè)end方法。這個(gè)方法，很有用！

不管執(zhí)行結(jié)果如果，都會(huì)調(diào)用。

iframe可以傳遞參數(shù)到父頁(yè)面。

end方法，根據(jù)傳遞的結(jié)果，執(zhí)行一些后續(xù)操作。

?

?

iframe層

<div class="content"><form action="" method="post" id="myform" enctype="multipart/form-data"><div class="form-group row"><div class="left col-xs-3 text-right"><label for="">名稱:</label></div><div class="right col-xs-8 text-left"><input type="text" class="form-control" id="name" name="name" placeholder=""></div></div><div class="form-group row"><div class="left col-xs-3 text-right"><label for="">類別:</label></div><div class="right col-xs-8 text-left"><input type="text" class="form-control" id="name" name="name" placeholder=""></div></div><div class="form-group row"><div class="left col-xs-3 text-right"><label for="">圖標(biāo):</label></div><div class="right col-xs-8 text-left"><input type="file" id="logo" name="logo"></div></div><div class="form-group row"><div class="left col-xs-3 text-right"><label for="">啟用:</label></div><div class="right col-xs-8 text-left"><input name="status" type="checkbox" checked="checked"> 啟用</div></div><div class="form-group text-center submit"><button type="submit" class="btn btn-primary ">提交</button></div></form></div>

表單提交，提交到后臺(tái)（表單提交，刷新iframe層頁(yè)面）

<script type="text/javascript">var index = parent.layer.getFrameIndex(window.name);var success = '{sh:$success}';if ( success == '1' ) {parent.$("#handle_status").val('1');parent.layer.close(index);} else if( success == '2' ) {parent.$("#handle_status").val('2');parent.layer.close(index);}</script>

收到執(zhí)行的結(jié)果，success，成功是1，失敗是2。執(zhí)行相應(yīng)的操作。也就是，

傳值+關(guān)閉iframe層。

?

父層有一個(gè)隱藏的元素，專門用來(lái)接收傳值的

<input id="handle_status" value="" hidden="hidden">

流程很清晰。

layer很牛逼！

?

?

提交后，提示成功與失敗，并且刷新頁(yè)面。一氣呵成。

本文轉(zhuǎn)自TBHacker博客園博客，原文鏈接：http://www.cnblogs.com/jiqing9006/p/5135697.html，如需轉(zhuǎn)載請(qǐng)自行聯(lián)系原作者

總結(jié)

以上是生活随笔為你收集整理的layer iframe层的使用，传参的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。