Layer彈出層動態(tài)獲取數(shù)據(jù)的方法
更新時間：2018年08月20日 09:28:04 作者：liujing_555
今天小編就為大家分享一篇Layer彈出層動態(tài)獲取數(shù)據(jù)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
前一陣子做了一個簡單的小項目，用到了Layer彈出層（彈出層的用法就不多加贅述了，官網(wǎng)上都有詳細(xì)的介紹，這里附上網(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
數(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)貪吃蛇小游戲（含詳細(xì)注釋）
這篇文章主要為大家詳細(xì)介紹了Javascript實現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
去除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
這篇文章主要介紹了微信小程序聊天功能的示例代碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-01-01
這篇文章主要介紹了微信小程序渲染性能調(diào)優(yōu)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-07-07
smartupload實現(xiàn)文件上傳時獲取表單數(shù)據(jù)(推薦)
這篇文章主要介紹了smartupload實現(xiàn)文件上傳時獲取表單數(shù)據(jù)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12