MVC提交表单的方式

本文详细介绍了在ASP.NET MVC框架下,三种常见的表单提交方式:Input控件(submit)提交(POST和GET)、JQuery的ajaxSubmit以及ajax提交。通过实例展示了每种提交方式的实现细节,包括HTML、JavaScript和JQuery代码,以及提交后的数据处理。对于理解MVC中的表单交互具有指导意义。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Form(表单)对于WEB开发人员来说,可谓是再熟系不过了 ,From它是页面和WEB服务器交互过程中最重要的信息来源 ,现在我来说一说在ASP.net.MVC框架中是如何提交表单的

  1. Input控件(submit)提交方式(post) ,先用一个简单的表单来实现简单的处理方式
     下面是简单的表单的HTML代码
    在这里插入图片描述
     这个HTML表单用的是Bootstrap4来写的 ,在这个HTML表单中 ,我定义了三个input标签 ,其中两个是来接收输入的值 ,一个是用来提交Form表单中的数据到/SystemManagement/CollegeInfor/InsertAcademe这个路径所指的方法体内中进行处理 ,并且是以POST的方式来提交
     先回到浏览器中来看一看submit提交表单的效果 ,这里呢我分别在学院名称和学院代号中输入字符串(测试)
    在这里插入图片描述
     在点击提交后学院名称和学院代号中的数据会通过/SystemManagement/ CollegeInfor/InsertAcademe这个方法来处理提交的数据然后显示在页面上
    在这里插入图片描述
    在这里插入图片描述
  2. Input控件(submit)提交方式(get)
     通过method来设置表单的提交方式
    在这里插入图片描述
     其效果与post提交的效果差不多 ,但是用get来请求的话这种方法会以“?name1=value&name2=value2”的形式 ,将表单数据附加到URL后面,提交到服务器处理,这种方法的安全性没有post方法高 ,但如果提交的数据不包含敏感信息的话建议用get请求 ,因为它的效率比post要高
  3. JQuery (ajaxsubmit)提交方式
    (1) JQuery(ajaxsubmit),这里呢我没有用input提交按钮(submit),直接用button按钮来继续表单的提交 ,在button按钮中我添加了一个点击事件的方法来进行表单的数据提交
    在这里插入图片描述
    (2) 点击事件方法如下 ,通过JQuery的选择器选择到from表单的id值 ,再通过ajaxsubmit方法来提交到/SystemManagement/CollegeInfor/InsertAcademe这个方法里面来处理数据
    在这里插入图片描述
    (3) 输入字符串(测试1)来进行表单提交
    在这里插入图片描述
    (4) 提交成功后,在页面上显示出提交的数据
    在这里插入图片描述
  4. JQuery(ajax)提交方式
     页面的代码还是和上面一样
    在这里插入图片描述
     在.ajax中,type是指用什么方式提价(post/get),data是指要提交的数据,url是指提交的路径,async是指是否进行异步(true/false),dataType是指json数据Success是指.ajax中 ,type是指用什么方式提价(post/get),data是指要提交的数据 ,url是指提交的路径 ,async是指是否进行异步(true/false),dataType是指json数据 Success是指.ajaxtypepost/getdataurlasynctrue/falsedataTypejsonSuccess.ajax调用成功后的回调函数
    在这里插入图片描述
  5. MVC中常用的表单提交就是这几种 ,但提交表单的方法绝不止这几种
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值