html表单的数据如何保存

2025-05-25 05:59:45

1、打开visual studio,创建一个空的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、在visual studio中按F5,调试模式下运行,在后台SaveForm中打个断点,就可以看到提交过来的表单数据了

html表单的数据如何保存

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

html表单的数据如何保存

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

html表单的数据如何保存
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢