绑定数据到其他页面

在MVC项目中，很多时候会用到表单，而表单就需要提交，这个时候就需要将表单信息

提交到另一个页面，并显示出来。这样的一个功能该怎样实现，下面就直接看例子。

1首先页面搭建，代码如下图所示：

   

这是需要填写信息的页面，简单的一个form表单布局，再添加一些样式。还有提交后的页面，代码如下图所示：

这里用到了Rezor标记，获取控制器的代码，再将数据绑定到页面上。

两个页面效果下图所示：

      

2、再下面就是写控制器代码了，写一个将数据保存起来的方法，通过Request方法获取页面传输的数据，在设置session，将数据保存在session中 。方法写完之后再到提交后的页面去获取保存在session中的值，这用到了一个try…catch…，用来捕捉是否获取到session中的值，获取到就返回视图，否则就重定向到表单页面。

代码如下图所示：

3、写完控制器代码后，那肯定是要调用了，所有下面就是JS代码了，通过提交按钮的点击事件触发，首先用到方法serializeArray()方法去序列化表单，获取到表单的数据，然后再通过post()方法提交，调用控制器写好的方法，最后再将页面替换到提交后的页面。代码如下图所示：

这里的JS代码还能优化一下，就是可以做个判断，如果页面数据不为空才执行提交代码，否则就提示用户将数据填写完整。

4、最后就再看一下效果，如下图所示:

   

以上就是将数据绑定到其他页面了，主要也是一个表单的提交。一个简单的例子供大家学习参考。