layui彈出層回調如何獲取彈出層數據

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

如下所示：

// 彈出樓棟負責人信息頁面
   layer.open({
   type: 2,
   title:'請選擇樓棟負責人',
   maxmin: false,
   area: ['60%', '80%'],
   offset: '0px',
   content: '${ctx}/life/houserInsertion/headBuildingInfo?pkProject='+pkProject,
   btn: ['確定','關閉'],
    yes: function(index){
    //當點擊‘確定'按鈕的時候，獲取彈出層返回的值
    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);
    
    }
    //最后關閉彈出層
    layer.close(index);
   }
   });

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

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

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

注意：下圖是彈出層回調數據

layui是什么

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

以上是“layui彈出層回調如何獲取彈出層數據”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！