MVC.数据回填

对于在页面上回填数据,这是很常见的,在编程时,往往伴随着数据的新增,修改,删除,查询,当要对数据执行修改的时候,这时候就需要针对个别页面或者input标签进行数据的回填,然后对回填的数据进行修改。
数据回填的思路主要是针对于自身存在的ID,把ID传输到控制器执行数据的查询,然后控制器里面定义好的方法就会从数据库里面查询,筛选数据,,然后再把查询出来的数据返回给页面,从而达到数据的回填。
既然要回填数据的话,首先我们要在页面这边用一个数据提交方法到控制器那边请求数据,
数据提交的方法有GET,POST AJAX,等,既然是请求数据的话,在这里建议使用post异步提交方法来进行数据的提交与请求。

以下是定义好的数据:
MVC.数据回填
当点开修改的时候是没有数据的
MVC.数据回填

那么接下来需要在页面上用post来获取要修改的数据,在前面也说到,数据回填主要就是把自身的ID提交到控制器,然后控制器定义的方法再到数据库查询数据然后返回给页面(视图)的,
所以在这里也是要提交ID。

既然已经知道要查询什么数据了那么可以在控制器那边定义好方法,有ID传输过来则说明是条件查询。
MVC.数据回填
查询出数据之后再把数据返回到视图那边。

回到视图:

在这里我们给修改按钮定义了一个onclick事件,当鼠标单击修改按钮的时候就会执行updateNoticeType(’ + ID + ‘)这个方法,可以看到updateNoticeType(’ + ID + ')是拥有主键ID的。
MVC.数据回填

在每次数据回填的时候我们都要先把表单重置一下,然后在用post执行数据请求,
data是回调函数,然后我们在获取填写数据的input标签,把数据填写到input标签里面,这样就达到了数据的回填。

再次到页面上点开测试1的修改按钮的时候已经有数据进来了,
MVC.数据回填
总结:数据回填需要获取主键ID,如果没有ID的无法执行数据的条件查询,无法在数据库里面精确的找到指定的那一条数据,从而无法达到数据回填,,提交数据最好用post,post可以在不爆露提交地址的情况下传输大量数据,具有很好的隐匿性,回调函数包含了在控制器返回来的数据,可以利用回调函数的数据进行数据回填。