Layer彈出層動態(tài)獲取數(shù)據(jù)的方法

更新時間：2018年08月20日 09:28:04 作者：liujing_555

今天小編就為大家分享一篇Layer彈出層動態(tài)獲取數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

前一陣子做了一個簡單的小項目，用到了Layer彈出層（彈出層的用法就不多加贅述了，官網(wǎng)上都有詳細的介紹，這里附上網(wǎng)址http://layer.layui.com/），當(dāng)時前后臺合頁面的時候就出現(xiàn)了一個問題，彈出層總是獲取不到數(shù)據(jù)，不過后面還是和同學(xué)們一起解決了，希望能幫助到大家。

之前的代碼：

<a id="func11" onclick="func11();">點擊查看</a>

function func11() {
  console.log($.cookie("id"));
  //iframe窗
  layer.open({
   type: 2,
   title: false,
   shade: [0.5],
   title: '商品簡介',
   shadeClose: true,
   shade: 0.5,
   skin:'demo-class',
   maxmin: true, //開啟最大化最小化按鈕
   area: ['1000px', '660px'],
   shift: 2,
   content: 'product.jsp?id=<%=rs.getInt(“id”)%>', //iframe的url，
  });
}

錯誤：id號傳不過去，頁面跳轉(zhuǎn)之后接收的id不正確，所以顯示的頁面不正確。

錯誤原因：變量的作用域有問題。在上面的rs不能傳到func11()方法里面，所以傳遞的參數(shù)有問題。

解決方法：在func11()函數(shù)中添加一個參數(shù)，將id這個參數(shù)在點擊事件里添加進去。

修改后的代碼：

<a id="func11" onclick="func11(<%=rs.getInt(“id”)%>);">點擊查看</a>

function func11(x) {
  $.cookie("id",x);
  console.log($.cookie("id"))
  //iframe窗
  layer.open({
   type: 2,
   title: false,
   shade: [0.5],
   title: '商品簡介',
   shadeClose: true,
   shade: 0.5,
   skin:'demo-class',
   maxmin: true, //開啟最大化最小化按鈕
   area: ['1000px', '660px'],
   shift: 2,
   content: 'product.jsp?id=' + $.cookie("id"), //iframe的url
  });
 }

以上這篇Layer彈出層動態(tài)獲取數(shù)據(jù)的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js實現(xiàn)canvas保存圖片為png格式并下載到本地的方法
本篇文章主要介紹了js實現(xiàn)canvas保存圖片為png格式并下載到本地的方法，非常具有實用價值，需要的朋友可以參考下
2017-08-08
JS實現(xiàn)數(shù)組扁平化的方法分享
數(shù)組扁平化指的是：將一個多層嵌套的數(shù)組，處理成只有一層的數(shù)組。本文主要和大家介紹了幾個常用的JS數(shù)組扁平化方法，希望對大家有所幫助
2023-04-04
JS常見創(chuàng)建類的方法小結(jié)【工廠方式,構(gòu)造器方式,原型方式,聯(lián)合方式等】
這篇文章主要介紹了JS常見創(chuàng)建類的方法,結(jié)合實例形式總結(jié)分析了工廠方式,構(gòu)造器方式,原型方式,聯(lián)合方式等常見的javascript創(chuàng)建類的常用技巧與相關(guān)注意事項,需要的朋友可以參考下
2017-04-04
原生js與jQuery實現(xiàn)簡單的tab切換特效對比
這篇文章主要通過原生js與jQuery實現(xiàn)簡單的tab切換特效對比介紹了js與jQuery之間的區(qū)別，有需要的小伙伴可以參考下。
2015-07-07
Javascript實現(xiàn)貪吃蛇小游戲（含詳細注釋）
這篇文章主要為大家詳細介紹了Javascript實現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-10-10
JS 去除Array中的null值示例代碼
去除Array中的null值，反復(fù)測試個不錯的方法可以完美去除，在此與大家分享下，需要的朋友不要錯過
2013-11-11
JS+CSS實現(xiàn)大氣的黑色首頁導(dǎo)航菜單效果代碼
這篇文章主要介紹了JS+CSS實現(xiàn)大氣的黑色首頁導(dǎo)航菜單效果代碼,涉及JavaScript基于鼠標(biāo)事件實現(xiàn)頁面樣式動態(tài)切換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-09-09
微信小程序聊天功能的示例代碼
這篇文章主要介紹了微信小程序聊天功能的示例代碼,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01
微信小程序渲染性能調(diào)優(yōu)小結(jié)
這篇文章主要介紹了微信小程序渲染性能調(diào)優(yōu)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-07-07
smartupload實現(xiàn)文件上傳時獲取表單數(shù)據(jù)(推薦)
這篇文章主要介紹了smartupload實現(xiàn)文件上傳時獲取表單數(shù)據(jù)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-12-12