html表单的数据错聂庋堀保存,最常用的方式就是使用form标签,将表单中的内容提交到后台代码,保存到数据库,其实也可以通过jquery的ajax提交数据到后台,本文仅介绍html前台代码如何提交到后台
工具/原料
visualstudio
方法/步骤
1、打开visualstudio,创建一个空的mvc项目MVCSave,然后添加HomeController,与Index页面
2、在MVCSave项目中添加一个Content文件夹,将Jquery引入到这里(如果使用form提交,jquery是不需要的)
3、在HomeController中添加一个httppost的方法SaveForm,用于接收Index页面提交过来的表单内容
4、在Index页面添加一个form表单,并添加2个文本框,与一个提交按钮。文本框的值将以文本框的name为key传递到后台,提交按钮用于提交form表单
5、在visualstudio中按F5,调试模式下运行,在后台SaveForm中打个断点,就可以看到提交过来的表单数据了
6、在Index页面的form表单外部添加一个按钮,这个按钮点击就不会自动提交form釉涑杵抑表单了,所以,将jquery引入到Index页面,并绑定这个新按钮的点击事件,通过ajax提交数据到后台方法
7、在visualstudio中按F5,调试模式下运行,在SaveForm中断点处,就可以看到表单数据也提交过来了