layui彈出層回調(diào)如何獲取彈出層數(shù)據(jù)

小編給大家分享一下layui彈出層回調(diào)如何獲取彈出層數(shù)據(jù)，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

如下所示：

// 彈出樓棟負責(zé)人信息頁面
   layer.open({
   type: 2,
   title:'請選擇樓棟負責(zé)人',
   maxmin: false,
   area: ['60%', '80%'],
   offset: '0px',
   content: '${ctx}/life/houserInsertion/headBuildingInfo?pkProject='+pkProject,
   btn: ['確定','關(guān)閉'],
    yes: function(index){
    //當(dāng)點擊‘確定'按鈕的時候，獲取彈出層返回的值
    var res = window["layui-layer-iframe" + index].callbackdata();
    //打印返回的值，看是否有我們想返回的值。
    console.log(res);
    for (var i = 0; i < res.length; i++) {
    var html = "<div class='text' value='' style='visibility: visible;'>" +
     "<p>" + "<span class='responsibleName' value=" + res[i].value + ">" + res[i].title + "</span>" +
     "<a class='close_btn' οnclick='remove(this)'>" + 'X' + "</a>" + "</p>"
    "</div>"
    $("#responsibleName_id").append(html);
    
    }
    //最后關(guān)閉彈出層
    layer.close(index);
   }
   });

// 關(guān)鍵代碼var res = window["layui-layer-iframe" + index].callbackdata();

這行代碼中‘callbackdata'是彈出層里面定義的函數(shù)。也許我們知道了什么！這個函數(shù)的作用就是返回值。
彈出層定義callbackdata函數(shù)

var callbackdata = function () {
  var data = {
  username: 'zhangfj',
  age:12,
  address:'廣州'
  };
  return data;
 }

注意：下圖是彈出層回調(diào)數(shù)據(jù)

layui是什么

layui是一款采用自身模塊規(guī)范編寫的前端UI框架，它遵循原生HTML/CSS/JS的書寫與組織形式，門檻極低，適合新手，并且它還提供了豐富的內(nèi)置模塊，他們皆可通過模塊化的方式按需加載，從核心代碼到API的每一處細節(jié)都經(jīng)過精心雕琢，非常適合界面的快速開發(fā)，能夠作為PC網(wǎng)頁端后臺系統(tǒng)與前臺界面的速成開發(fā)方案。

以上是“l(fā)ayui彈出層回調(diào)如何獲取彈出層數(shù)據(jù)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！