mvc ajax提交html标签,Mvc提交表单的四种方法全程详解
Mvc提交表单的四种方法全程详解
2019-01-05
编程之家
https://www.jb51.cc
编程之家收集整理的这篇文章主要介绍了Mvc提交表单的四种方法全程详解,编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
一,MVC HtmlHelper方法
1.
2.
方法 (HtmlHelper,String,Object,FormMethod)
二,传统Form表单Aciton属性提交
三,Jquery+Ajax 提交表单
四,MVC Controller控制器和表单参数传递
方法
一,Html.BeginForm(actionName,htmlAttributes){}
注:所有要提交的内容包括按钮都必须在{ }内
参数
htmlHelper类型:System.Web.Mvc.HtmlHelper
此方法扩展的 HTML 帮助器实例。actionName类型:System.String
操作方法的名称。controllerName类型:System.String
控制器的名称。routeValues类型:System.Object
一个包含路由参数的对象。 通过检查对象的属性,利用反射检索参数。 此对象通常是使用对象初始值设定项语法创建的。method类型:System.Web.Mvc.FormMethod
用于处理窗体的 HTTP 方法(GET 或 POST)。htmlAttributes类型:System.Object
一个对象,其中包含要为该元素设置的 HTML 特性。
返回值
类型:System.Web.Mvc.Html.MvcForm
开始标记。
用法说明
在 Visual Basic 和 C# 中,您可以对 HtmlHelper 类型的任何对象将此方法作为实例方法调用。在您使用实例方法语法调用此方法时,将忽略第一个参数
Html.BeginForm 方法示例
MVC View代码
在线申请
@using (Html.BeginForm("Apply","Star",FormMethod.Post,new {@class="MyForm"}))
{
m.StarModel.TypeID,Model.DropList,new { id = "type",@class = "my-" })
首页达人照+上传照片
m.StarModel.UserGravatar,new { id = "SXtPhoto" })
m.StarModel.ApplyReason,new { id = "tDesc" })
}
二,BeginRouteForm 方法 (HtmlHelper,FormMethod)
参数
htmlHelper类型:System.Web.Mvc.HtmlHelper
此方法扩展的 HTML 帮助程序实例。
routeName类型:System.String
用于获取窗体发布 URL 的路由的名称。
routeValues类型:System.Object
一个包含路由参数的对象。 通过检查对象的属性,利用反射检索参数。 此对象通常是使用对象初始值设定项语法创建的。
method类型:System.Web.Mvc.FormMethod
用于处理窗体的 HTTP 方法(GET 或 POST)。
返回值
类型:System.Web.Mvc.Html.MvcForm
一个开始标记。
使用说明
在 Visual Basic 和 C# 中,可以在 HtmlHelper 类型的任何对象上将此方法作为实例方法来调用。当使用实例方法语法调用此方法时,请省略第一个参数。
BeginRouteForm示例
Box clearfix">
@using (Html.BeginRouteForm("SearchPage",new { cityID = Model.CityID,productType = Model.CurrentProductType,currentPageIndex = Model.CurrentIndex,keyword = Model.keyword },FormMethod.Get))
{
}
传统Form表单Aciton属性提交
直接利用html表单的Aciton属性进行提交。
方法示例
Jquery+Ajax 提交表单
方法示例
View 部分
Jquery和Ajax部分
= 40) {
ShowFailTip("微博标题不能超出40个字!");
return;
}
//检查是否数字
if (isNaN(fee)) {
ShowFailTip("不能包含文本必须是数值!");
return;
}
if (ContainsDisWords(title + des)) {
ShowFailTip('您输入的内容含有禁用词,请重新输入!');
return;
}
$.ajax({
url: "/fx" + $Maticsoft.BasePath + "Blog/AjaxUpdate",type: 'POST',async: false,dataType: 'html',// timeout: 10000,data: { Title: title,CityID: city,Fee: fee,CategoryID: category,Days: days,Tag: tag,startDate: startdate,endDate: enddate,ImgUrl: imgurl,Des: des,BlogID: blogID },//
success: function (resultData) {
$(".dialogDiv").hide();
if (resultData == "No") {
ShowFailTip("操作失败,请您重试!");
} else if (resultData == "AA") {
$.jBox.tip('管理员不能操作','error');
} else {
var data = $(resultData);
}
}
});
});
MVC Controller控制器和表单参数传递
1.普通参数
HTML标签name 和参数名一样。
2.实体传参
HTML标签name 属性和Model属性保持一致
viewmodel.SNS.Star model)
{
//逻辑
}
4.表单集合传参
以上所述是小编给大家介绍的Mvc提交表单的4种方法全程详解 。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
总结
以上是编程之家为你收集整理的Mvc提交表单的四种方法全程详解全部内容,希望文章能够帮你解决Mvc提交表单的四种方法全程详解所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
小编个人微信号 jb51ccc
喜欢与人分享编程技术与工作经验,欢迎加入编程之家官方交流群!
mvc ajax提交html标签,Mvc提交表单的四种方法全程详解相关推荐
- js表单提交 php,JavaScript提交表单的几种方法
在我们工作中我们会经常使用到form表单,相信大家再熟悉不过了,那么提交表单有很多种方法,JavaScript提交表单的方法又是如何呢,今天就带大家介绍下JavaScript提交表单的几种方法! 第一 ...
- php文本框自动补全,PHP自动补全表单的两种方法
效果图: 第一种:从数据库中检索之后补全 第二种:邮箱等纯前端的补全 先说第二种,使用开源的插件,所以相对简单. github上面的项目 completer. https://github.com/f ...
- 功能表单之人员构造器字段类型详解—JEPLUS软件快速开发平台
为什么80%的码农都做不了架构师?>>> JEPLUS功能表单之人员构造器字段类型详解 大家平时在开发过程中会遇到各种各样的选择人员的操作,比如负责人,登记人,当前操作人,部门 ...
- Django基础(11): 表单集合Formset的高级用法详解
Formset(表单集)是多个表单的集合.Formset在Web开发中应用很普遍,它可以让用户在同一个页面上提交多张表单,一键添加多个数据,比如一个页面上添加多个用户信息.今天小编我就介绍下Djang ...
- 如何创建具有多个收件人的联系表单(4种方法)
Do you want your contact form to send notifications to different people in your company? 您是否希望联系表格将通 ...
- java mvc中重复提交表单,spring mvc 防止重复提交表单的两种方法,推荐第二种
第一种方法:判断session中保存的token 比较麻烦,每次在提交表单时都必须传入上次的token.而且当一个页面使用ajax时,多个表单提交就会有问题. 注解Token代码: package c ...
- 利用JS提交表单的几种方法和验证
工作中发现表单提交方便的问题,很多时候IE下提交好好的,打了火狐下就出现了问题,利用提交按钮就不成功了,于是利用JS的方式就成功了,也不知道为什么.在导师的催促下就总结出以下的几种常用表单提交的方法. ...
- Js提交表单的两种方法
提交表单一般有两种一种是submit按钮,一种是调用form的submit方法.虽然都是提交表单,但这两种还是有些差别的. 一般来说,提交form表单的时候需要做一些简单的验证,验证完后才能提交,避免 ...
- 使用js提交form表单的两种方法
提交form表单的时候瑶族一些简单的验证,验证完后才能提交,避免无效提交. 1.当输入用户名和密码为空的时候,需要判断.这时候就用到了校验用户名和密码,这个需要在前端页面写:有两种方法,一种是用sub ...
最新文章
- struts中select标签的使用
- 我作为一个程序员,除了写程序还会干什么?什么都不会了!
- 目前游戏建模公司大多开出高薪,以期能够留住人才,吸纳更多人才
- 计算机网络ppt_大学四年,我这样学操作系统和计算机网络,毕业后成为了别人眼中的大神(附书籍推荐)
- SQL中char、varchar、nvarchar、text 的区别
- DNS在什么情况下才能动态更新|活动目录集成的dns区域
- Python语言程序设计基础_期末作品设计——程序员计算器(2020-2 A)_答案_通识教育必修课程_上海师范大学
- linux系统论文题目大全_计算机应用专业毕业论文题目大全选题
- 本特利前置器330180-90-00
- pix4d计算机配置速度,实测大疆智图(DJI Terra)与Pix4D,Smart3D正射三维成果对比...
- Touch 电容式触摸按键 触摸按键PCB设计参考
- 使用VUE脚手架搭建VUE项目
- 动态箭头gif图标_教程|PPT绘制箭头最全攻略,收藏一下
- OpenLayers学习笔记中级篇(四、地图图标操作)
- 自问自答(JavaScript篇)
- Android微信支付遇到的大坑
- Fedora 安装字体
- 进口配额管理和出口配额管理_实行配额许可证管理的进出口商品及其申领方法...
- CentOS 7下安装Redis
- EnglishPlayer ---- 英语听写工具发布了!
热门文章
- python的目的_Python-** wargs的目的和用途是什么?
- adprw指令通讯案例_实例 | 三菱FX3U485无协议通讯程序详解(含程序)
- Ubuntu20.04搭建ftp服务(亲测通过)
- RecycleView添加setEmptyView
- ndows定时任务_百度经验,windows服务器:编写bat脚本,创建定时任务
- c语言单向链表经典,C语言基础 - 实现单向链表
- android界面设计所用中文什么字体,「界面」手机界面设计字体大小知多少
- OpenShift 4 - 向OpenShift添加新的SSH Key
- 微软发布 PowerToys 首个预览版,重启的 Windows 工具集
- 实现机器学习的循序渐进指南XI——DBSCAN