Question

jsp页面中表单部分内容实时显示

如图为一份jsp页面完整表单。
上半部分是需要填写的东西，填写完后点击新增，填写的内容会显示在下面表格里同时清空上面的表格。
可新增多条。填写完成后点击确定，下面表格内的内容会提交到数据库。

问题是：上面的流程要怎么实现？我新增后不知道怎么让他在下面显示，而提交数据库不知道怎么只提交多条记录。请各大神帮忙~~~

Answer 1

第一个问题：
这个表单在一个form标签中，点击确定按钮后(实际上就是submit按钮)，提交这个表单，将jsp页面中的内容传递个servlet/jsp（具体取决于你的业务逻辑在哪里实现）。

第二个问题：
每次载入该界面的时候都执行一个查询数据库操作，将查询的值填写到下面的表中。这样，当你打算新增一个数据后，处理完逻辑的代码就会将新增数据插入到数据库中，然后再次跳转到这个界面。这时，页面载入的数据库结果中就出现了上次提交的内容。

第三个问题：
对于多个记录，可以设置一个数组存放。假如你上面的采购货物存放在一个ProductBean中，那么你可以提交一个ProductBean[]，然后使用循环依次提交每一个表单。

尽管我尽可能的详细的描述……还是很吃力，最后你私聊我或者留个联系方式，我看看你代码给你讲。

追问

你理解的不对。。
下面表格的内容还不在数据库里面，要最后点击确定的时候再一起提交上去的。
他和原本数据库里面的内容没关系的，怎么会查询呢？

追答

明白了。。。你是把所有结果先缓存在下面的表里面，然后一起提交给数据库。用javabean就可以解决。你写两个bean。
一个是ProductBean，存放每一个货物的各个属性，信息。
一个是ProducListBean，以数组的形式存放你生成的各个ProductBean。
最后提交的时候读取ProductListBean中的数组。

追问

是不是说，每次点击新增按钮的时候，调用一个java文件，生成一个货物属性，再同时添加到数组里。然后返回给下面的表格让他显示出来？
再按确定的时候要提交数据库的时候，再调用这个java文件读取数组内容，把他存到数据库里？

追答

对对对，这个java类，一般成为javaBean，是MVC模式中的Model，用来存放数据使用。你每次提交，都调用了一个方法，这个方法就是获取提交的内容，用这些参数值初始化一个类，并将这个类放到一个数组中，最后提交的时候读取这个数组，循环执行n次数据库插入操作（n就是数组长度，也就是你总共提交的数据条数）。

追问

那是不是说form的action页面就是这个javabean啦？
方法里面一个是获取提交内容的并加入数组的，一个是提交数组到数据库的。
那怎么实时显示呢，用Ajax？

追答

不用Ajax，jsp的基础就是servlet，其他各种东西都是为了简化问题而提出的，比如Ajax，Struts等等。把JSP和Servlet理解透彻了，什么问题都可以找到解决方案，学习其他东西上手也快。
form里面的action是一个执行业务逻辑的servlet。然后在这个servlet中实例化JavaBean，并且保存在数组中。你还是加我QQ吧，我详细给你说。654805732,，验证信息：百度知道。

Answer 2

用js的Dom操作，点击新增后，用js获取新增的内容，然后再下面的表格里添加节点，这里的添加是无条件添加的，就是说不管你存入数据库有没有成功，都会显示在下面的表格里，如果需要数据库添加成功后再显示在下面的表格里，那就用Ajax提交，根据Ajax返回的结果来决定是否要在下面的表格里显示数据

追问

你这段话的意思好像是有满足要求。。
可是！ 可是又是dom又是ajax的 我不会啊！！