html表单的数据如何保存

 时间:2024-10-17 15:22:34

html表单的数据错聂庋堀保存,最常用的方式就是使用form标签,将表单中的内容提交到后台代码,保存到数据库,其实也可以通过jquery的ajax提交数据到后台,本文仅介绍html前台代码如何提交到后台

工具/原料

visualstudio

方法/步骤

1、打开visualstudio,创建一个空的mvc项目MVCSave,然后添加HomeController,与Index页面

html表单的数据如何保存

2、在MVCSave项目中添加一个Content文件夹,将Jquery引入到这里(如果使用form提交,jquery是不需要的)

html表单的数据如何保存

3、在HomeController中添加一个httppost的方法SaveForm,用于接收Index页面提交过来的表单内容

html表单的数据如何保存

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

html表单的数据如何保存

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

html表单的数据如何保存

6、在Index页面的form表单外部添加一个按钮,这个按钮点击就不会自动提交form釉涑杵抑表单了,所以,将jquery引入到Index页面,并绑定这个新按钮的点击事件,通过ajax提交数据到后台方法

html表单的数据如何保存

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

html表单的数据如何保存

linux返回上一级目录的命令 怎么判断一个字符串是否包含另一个字符串 idea怎么自动删除多余的包 错误:You have an error in your SQL syntax; 使用SQL语句怎么像数据表中添加字段
热门搜索
蒋丽莎图片 欧美复古图片 怎样转换图片格式 图片编辑软件哪个好 世界末日电影