基于Layui的页⾯传参及获取参数预计实现效果
通过点击编辑按钮，能够把该⾏数据显⽰在表格中
table.html页⾯所属表格截取⼀⾏：
edit.html页⾯：
实现代码
table.html关键代码，传递参数
// 监听更新（编辑）操作
<('tool(currentTableFilter)', function (obj) {
var st_id = obj.data.id;
var st_username = obj.data.username;
var st_grade = ade;
var st_department = obj.data.department;
var st_dorm = obj.data.dorm;
var st_sex = obj.data.sex;
var st_phone = obj.data.phone;
var st_email = ail;
if (obj.event === 'edit') {
var index = layer.open({
title: '编辑⽤户',
type: 2,
shade: 0.2,
maxmin: true,
html实现用户注册登录代码shadeClose: true,
area: ['55%', '90%'],
content: '../table/edit/edit.html?st_id='+st_id+'&st_username='+escape(st_username)+'&st_grade='+st_grade+'&st_phone='+st_phone+                  '&st_department='+escape(st_department)+'&st_dorm='+escape(st_dorm)+'&st_sex='+esca
pe(st_sex)+'&st_email='+st_email,
});
}
}
edit.html关键代码(js)：接收参数并放进输⼊框
function getQueryString(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return unescape(r[2]);
}
return null;
}
//接收table.html的编辑按钮传递的参数
var phone = getQueryString("st_phone");
var id = getQueryString("st_id");
var username = unescape(getQueryString("st_username"));
var dorm = unescape(getQueryString("st_dorm"));
var grade = getQueryString("st_grade");
var email = getQueryString("st_email");
var department = unescape(getQueryString("st_department"));
//将参数赋值给input输⼊框
问题
遇到问题①：传参中⽂乱码
解决⽅法：在table.html使⽤escape包裹传⼊参数，在edit.html⽤unescape获取传进的参数，列⼦见上⽅username、dorm、department参数
遇到问题②：弹出的页⾯性别⼀栏固定选中了“男”
解决⽅法，因php需要⽤到name传参，增加了⼀个id来区分男⼥选项，根据传⼊的性别修改checked状态，实现选中对应选项。
<input type="radio" name="sex" value="男" title="男" id="male" checked="">
<input type="radio" name="sex" value="⼥" title="⼥" id="female" checked="">
var sex = unescape(getQueryString("st_sex"));
//使弹窗打开可根据传⼊性别选中对应选项
if(sex=='男'){
}else{
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。