首页 > 软件开发 > HTML >

html表单的数据如何保存

来源:互联网 2023-03-16 19:12:54 260

html表单的数据保存,最常用的方式就是使用form标签,将表单中的内容提交到后台代码,保存到数据库,其实也可以通过jquery的ajax提交数据到后台,本文仅介绍html前台代码如何提交到后台nLp办公区 - 实用经验教程分享!

工具/原料

  • visual studio

方法/步骤

  • 1

    打开visual studio,创建一个空的mvc项目MVCSave,然后添加HomeController,与Index页面nLp办公区 - 实用经验教程分享!

    5asp.net mvc 实例demo【1】:创建项目nLp办公区 - 实用经验教程分享!

    html表单的数据如何保存nLp办公区 - 实用经验教程分享!

  • 2

    在MVCSave项目中添加一个Content文件夹,将Jquery引入到这里(如果使用form提交,jquery是不需要的)nLp办公区 - 实用经验教程分享!

    html表单的数据如何保存nLp办公区 - 实用经验教程分享!

  • 3

    在HomeController中添加一个httppost的方法SaveForm,用于接收Index页面提交过来的表单内容nLp办公区 - 实用经验教程分享!

    html表单的数据如何保存nLp办公区 - 实用经验教程分享!

  • 4

    在Index页面添加一个form表单,并添加2个文本框,与一个提交按钮。文本框的值将以文本框的name为key传递到后台,提交按钮用于提交form表单nLp办公区 - 实用经验教程分享!

    html表单的数据如何保存nLp办公区 - 实用经验教程分享!

  • 5

    在visual studio中按F5,调试模式下运行,在后台SaveForm中打个断点,就可以看到提交过来的表单数据了nLp办公区 - 实用经验教程分享!

    html表单的数据如何保存nLp办公区 - 实用经验教程分享!

  • 6

    在Index页面的form表单外部添加一个按钮,这个按钮点击就不会自动提交form表单了,所以,将jquery引入到Index页面,并绑定这个新按钮的点击事件,通过ajax提交数据到后台方法nLp办公区 - 实用经验教程分享!

    html表单的数据如何保存nLp办公区 - 实用经验教程分享!

  • 6该信息未经许可获取自百度经验
  • 7

    在visual studio中按F5,调试模式下运行,在SaveForm中断点处,就可以看到表单数据也提交过来了nLp办公区 - 实用经验教程分享!

    html表单的数据如何保存nLp办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!nLp办公区 - 实用经验教程分享!


    标签: HTML数据

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码