How to display data on popup layer in layui

How does layui display data on the pop-up layer? Here is an example:

<a id="func11" onclick="func11();">点击查看</a>
function func11() {
  console.log($.cookie("id"));
  //iframe窗
  layer.open({
   type: 2,
   title: false,
   shade: [0.5],
   title: &#39;商品简介&#39;,
   shadeClose: true,
   shade: 0.5,
   skin:&#39;demo-class&#39;,
   maxmin: true, //开启最大化最小化按钮
   area: [&#39;1000px&#39;, &#39;660px&#39;],
   shift: 2,
   content: &#39;product.jsp?id=<%=rs.getInt(“id”)%>&#39;, //iframe的url，
  });
}

Error: The id number cannot be passed, and the id received after the page jump is not Correct, so the page displayed is incorrect.

Related recommendations: "layui framework tutorial"

Cause of error: There is a problem with the scope of the variable. The rs above cannot be passed to the func11() method, so there is something wrong with the parameters passed.

Solution: Add a parameter in the func11() function, and add the id parameter to the click event.

Modified code:

<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: &#39;商品简介&#39;,
   shadeClose: true,
   shade: 0.5,
   skin:&#39;demo-class&#39;,
   maxmin: true, //开启最大化最小化按钮
   area: [&#39;1000px&#39;, &#39;660px&#39;],
   shift: 2,
   content: &#39;product.jsp?id=&#39; + $.cookie("id"), //iframe的url
  });
 }

The above is the detailed content of How to display data on popup layer in layui. For more information, please follow other related articles on the PHP Chinese website!