共计 1172 个字符，预计需要花费 3 分钟才能阅读完成。
我的项目简介
负责写一个广告投放后盾治理平台的一个页面。可实现删除、编辑增加等性能，因为原来的管理系统由 JSP 开发不便更改，所以最初将新写的页面间接嵌入进原来的管理系统，相当于是齐全独立出的一个页面。
次要技术
利用 layUI 框架开发、JSON传送数据、Ajax响应接口。
问题形容
一、表头和表单元素无奈对齐 。
二、
通过 storage 取得的数据无奈用 innerHTMl 渲染进 input 框，如代码所示。
document.getElementById("ad_title").innerHTML= data.title;
三、利用 option val（） 无奈取得下拉列表的被选择项。
四、无奈获取表格中复选框 checkbox 被选中项的数据。
五、点击增加按钮，进入弹层界面，页面呈现长长地滚动条（不是由内容引起）。
六、利用 Ajax 申请接口传送数据。
问题剖析
一、表头和表单元素无奈对齐 。
因为代码中呈现了一个不该呈现的“，”。
改过来即可，以下为正确显示后果。
二、通过 storage 取得的数据无奈用 innerHTMl 渲染进 input 框，如代码所示。
document.getElementById("ad_title").innerHTML= data.title;
input是单标签，所以用 innerHTML 无奈渲染，必须要用 value 才能够扭转，最初批改如下。
document.getElementById("ad_title").value= data.title;
三、利用 option val（） 无奈取得下拉列表的被选择项。
复选框的被选择项应该通过 text 取得。
var statusArray=["启动","禁止"];
var statusString=$("#ad_action option:selected").text();// 状态
console.log(statusString);四、checkStatus('adInfo')中开始写的是 lay-filter 的值，所以无奈获取数据，应该应用办法渲染表格定义的id。
var checkStatus = table.checkStatus('adInfo'),
data = checkStatus.data,
AD_id = "";
五、这里的编辑界面通过跳转另一个 HTML 页面实现，运行发现下方总是呈现呈现长长的滚动条，而外面蕴含的内容并没有越界，也没有定义其余的款式。
起初通过查看调试工具发现，并不是由 layUI 自带属性造成的，而是我的项目开始一个 CSS 文件中定义了一个 width，导致每次盒子的width 都超出了范畴。
六、发送数据 post
申请数据get
七、工夫组件简略应用
参考文档
layUI 官网文档
layui 框架列表监听 checkbox 选中数据的值
layui 加载表格，绑定新增，编辑删除，查看按钮事件
本地存储（Local Storage）