html表单的数据如何保存

html表单的数据保留 , 最常用的体例就是利用form标签 , 将表单中的内容提交到后台代码 , 保留到数据库 , 其实也可以经由过程jquery的ajax提交数据到后台 , 本文仅介绍html前台代码若何提交到后台

需要这些哦
visual studio
方式/
1打开visual studio , 建立一个空的mvc项目MVCSave , 然后添加HomeController , 与Index页面
4asp.net mvc 实例demo【1】:建立项目

html表单的数据如何保存

文章插图

2【html表单的数据如何保存】在MVCSave项目中添加一个Content文件夹 , 将Jquery引入到这里(若是利用form提交 , jquery是不需要的)

html表单的数据如何保存

文章插图

3在HomeController中添加一个httppost的方式SaveForm , 用于领受Index页面提交过来的表单内容

html表单的数据如何保存

文章插图

4在Index页面添加一个form表单 , 并添加2个文本框 , 与一个提交按钮 。 文本框的值将以文本框的name为key传递到后台 , 提交按钮用于提交form表单

html表单的数据如何保存

文章插图

5在visual studio中按F5 , 调试模式下运行 , 在后台SaveForm中打个断点 , 就可以看到提交过来的表单数据了

html表单的数据如何保存

文章插图

6在Index页面的form表单外部添加一个按钮 , 这个按钮点击就不会主动提交form表单了 , 所以 , 将jquery引入到Index页面 , 并绑定这个新按钮的点击事务 , 经由过程ajax提交数据到后台方式

html表单的数据如何保存

文章插图

7在visual studio中按F5 , 调试模式下运行 , 在SaveForm间断点处 , 就可以看到表单数据也提交过来了

html表单的数据如何保存

文章插图


以上内容就是html表单的数据如何保存的内容啦 , 希望对你有所帮助哦!

    推荐阅读