代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<link rel="stylesheet" href="layui/css/layui.css"/>
<script src="layui/layui.js"></script>
</head>
<body>
<div class="layui-form " style="margin-left: 100px;margin-top: 20px;">
<div class="layui-form-item">
<label class="layui-form-label">json</label>
<div class="layui-input-block">
<textarea id="data" style="width: 400px;height: 100px;">{"id":"1","name":"22222"}</textarea>
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" id="dome1">弹出子界面</button>
</div>
</div>
</div>
</body>
</html>
<script>
// 加载模块
layui.config({
base: 'module/' //假设这是你存放拓展模块的根目录
}).extend({ //设定模块别名
sysdata: 'sysdata'
});
layui.use(['layer', 'form', 'sysdata'], function () {
var $ = layui.jquery
, form = layui.form
, sysdata = layui.sysdata
$("#dome1").click(function () {
var str = $("#data").val();// 获取界面上的json内容
var data = JSON.parse(str); // 转化成json格式的数据
//保存数据并获取 datakey
var datakey = sysdata.saveDataObj({
data: data
});
// 弹出子界面, 并把 datakey 传到子界面
layer.open({
title: ['可修改内容并关闭这个界面']
, type: 2
, fixed: false
, shadeClose: true
, area: ['600px', '300px']
, content: 'a.html?datakey=' + datakey
, end: function () {
// 层销毁后, 取出回调数据
var d = sysdata.getDataObj({key: datakey});
initDemo(JSON.stringify(d));
// 清除数据
sysdata.cleanData({key: datakey});
}
});
});
/**
* 改变界面上文本域的值
*/
function initDemo(str) {
$("#data").val(str);
}
});
</script>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。