开发工具与关键技术：VS 后端
作者：陈芝番
撰写时间：2019.6.3
1.首先要设置一个弹出框，然后设置模态框头部，最后设置模态框主体，重置表单。同时给每一个input标签一个类名，基于class的选择性的性能相对于基于id选择器开销很大，因为其需要遍历所有DOM元素。:checked 单选框或复选框被选中。在控制器需要提取要修改的数据，然后根据主键ID提取数据，紧接着给实体赋值，最后执行修改，对数据进行判断和其他数据是否冲服或数据异常等等。
2.我们需要明白证件号码需要验证，况且输入的值不可能出现文字，字母或少出现字母等，大多是0-9的数字，验证证件号码正则表达式判断：onkeyup="value = value.replace(/[^0-9]/g, '')"。字符串中满足给定的正则表达式的一部分，有些正则表达式处理工具还有一个处理多行的选项。如果选中了这个选项，^和$的意义就变成了匹配行的开始处和结束处。
3.对于新增的数据可以重置表单，回填数据，根据json对象填充form表单，还需要获取页面数据，接着对数据进行判断，最后进行异步提交数据，刷新table.当然对于数据回填，BlackSex需要性别进行判断，checked附带有检查的意思。if (data.BlackSex=="男") {
$("#UsGuestSexMale").attr('checked', true);
$("#UsGuestSexFemale").attr('checked', false);
} else {
$("#UsGuestSexFemale").attr('checked', true);
$("#UsGuestSexMale").attr('checked', false);
}
.attr()方法是操作属性节点，.prop()方法是操作获取到的对应js对象的属性。在遇到要获取或设置checked、selected、readonly和disabled等属性时，用prop方法显然更好。.prop()方法更高效，因为.attr()方法要访问DOM。
4.jQuery是一个js库，主要提供的功能是选择器，属性修改和事件绑定等等。
load方法一般在载入远程HTML代码并插入到DOM中的时候用，通常用来从Web服务器上获取静态的数据文件。如果要传递参数的话，可以使用$.get()或$.post()方法。
异步：请求通过事件触发→服务器处理（这是浏览器仍然可以作其他事情）→处理完毕。
实现的效果如下所示：
当点击单选框，性别会进行切换，还有证件号码验证，输入值时，文字和字母都无法输入，只能输入数字。
结语：主要的知识点是客房黑名单管理修改，设置弹出框，进行数据回填，单选框，证件号码验证，异步提交数据，执行修改。