Ajax.BeginForm参数详解
在Asp.Net的MVC中的语法,在Razor页面中使用,替代JQuery的Ajax使用,方便快捷。
使用Ajax.BeginForm方法会生成一个form表单,最后以Ajax的方式提交表单数据;需要用using把该方法括起来,使系统知道form表单从何处开始,何处结束。
有11个方法重载,下面详解该方法的各项参数:
参数一:AjaxOptions
class类型
说明:配置Ajax的一些选项
举例:new AjaxOptions { HttpMethod = "POST", LoadingElementId = "searching", UpdateTargetId = "postContent" }
相关属性详解:
|
Confirm |
string |
在请求之前会弹出一个提示框,是否确认提交 |
|
HttpMethod |
string |
设置请求类型 Get Post |
|
UpdateTargetId |
String |
标明html中一元素的id,把请求返回的数据/元素更新到该元素中 |
|
InsertionMode |
enum |
把请求结果以何种方式更新到Dom元素中 ①Replace ②InsertBefore ③InsertAfter 不设置的情况下,默认是Replace,只有在UpdateTargetId被设置后才有效 |
|
LoadingElementId |
string |
标明html中一元素的id,在请求过程中,该元素会显示出来,请求结束后又隐藏 |
|
LoadingElementDuration |
Int |
控制Loading动画在显示/隐藏时的动画持续时间,单位为毫秒; 默认情况下,动画将淡入淡出;这个时间即淡入淡出的时间(但经测试无效!!!) |
|
OnBegin |
string |
标明js中一function的名称,在Ajax请求发送前,执行该方法,对应JQuery的beforeSend |
|
OnComplete |
String |
标明js中一function的名称,在请求成功时,执行该方法,对应JQuery的complete |
|
OnFailure |
String |
标明js中一function的名称,在请求失败时,执行该方法,对应JQuery的error |
|
OnSuccess |
String |
标明js中一function的名称,无论请求成功与否,都在请求完成时,执行该方法,对应JQuery的success |
|
Url |
String |
请求的地址 |
|
AllowCache |
Bool |
是否使用缓存 |
在BeginForm的11个重载方法中,有一方法中只有AjaxOptions一个参数,如果不指定Url,则生成的form表单的action属性没有值,就默认把数据提交到当前页,否则就以Url为请求地址,其他重载方法中都需要指定actionName及controllerName(可选)。
参数二:actionName
string类型
说明:指定请求地址的Action名称
参数三:routeValues
object、RouteValueDictionary类型
说明:将传入到Controller中方法的参数
支持上述两种数据类型:
object类型可以在使用时直接以匿名类方式声明,使用非常方便
举例:
new { id = 1, type = 1 }
RouteValueDictionary类型实现了IDictionary<string, object>接口,因此在使用时可以用键值对方式声明
举例:
new RouteValueDictionary{ {"id", 1}, {"type", 1} }
生成的路径:/Home/Index/1?type=1
因为“id”是在路由规则中配置的名称,因此显示在路由规则对应的位置,“type”则在问号后面
参数四:htmlAttributes
object、IDictionary<string, object>类型
说明:html属性,生成form表单时,会把键值对添加到form表单的属性中;
支持上述两种数据类型:
object类型可以在使用时直接以匿名类方式声明,使用非常方便
举例:
new{id = "frm", @class = "cls" } 由于class是C#中的关键字,因此需要在前面加@符号
IDictionary<string, object>类型使用灵活,可以在一个地方声明,多个地方调用,或修改后使用
举例:
Dictionary<string, object> htmlAttr = new Dictionary<string, object>
{
{"id", "frm"},
{"class", "cls"}
};
生成的代码:<form action="/Home/Index/1?type=1" class="cls" data-ajax="true" id="frm" method="post">
参数五:controllerName
string类型
说明:指定请求地址的Controller名称
Ajax.BeginForm参数详解的更多相关文章
- MVC之Ajax.BeginForm使用详解之更新列表 mvc验证jquery.unobtrusive-ajax
MVC之Ajax.BeginForm使用详解之更新列表 1.首先,请在配置文件设置如下:(该项默认都存在且为true) <add key="UnobtrusiveJavaScrip ...
- $.ajax()所有参数详解
原文:https://www.cnblogs.com/everest33Tong/p/6159700.html [一]$.ajax()所有参数详解 url: 要求为String类型的参数,(默认为当前 ...
- ajax方法参数详解与$.each()和jquery里面each方法的区别
JQuery中$.ajax()方法参数详解 url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为g ...
- Ajax.ActionLink参数详解
该语法会生成一个a标签,点击a标签会执行一个Ajax请求. 有12个方法重载,下面详解方法中的各项参数: 参数一:linkText string类型 说明:链接显示的文字内容 参数二:actionNa ...
- MVC之Ajax.BeginForm使用详解之更新列表
1.首先,请在配置文件设置如下:(该项默认都存在且为true) <add key="UnobtrusiveJavaScriptEnabled" value="tru ...
- JQuery中$.ajax()方法参数详解
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...
- JQuery中$.ajax()方法参数详解 及 async属性说明
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...
- JQuery中$.ajax()方法参数详解(转载)
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...
- $.ajax()方法参数详解
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...
随机推荐
- T-Sql(二)事务(Transaction)
今天讲下T-Sql语法中事务的用法,事务在项目中一般用的很少,主要用于转账,或是一些多表操作,第一步完成不了滚回,不执行接下的步骤.要么都不完成要么都完成,这是事务的特征. 语法很简单,示例代码如下: ...
- [ROS] Studying Guidance
Reference: https://www.zhihu.com/question/35788789 安装指南:http://wiki.ros.org/indigo/Installation/Ubun ...
- PHP变量和数据类型
编程语言可以分为三大类 1. 静态类型语言,比如:C/Java等,在静态语言类型中,类型的检查是在编译期(compile-time)确定的. 2. 动态语言类型,比如:PHP,python等各种脚本语 ...
- PHP中MySQL操作
本次使用的demo是MySQL的示例数据库employees,点击下载地址,注意在导入的时候,在employees.sql文件中,将source改成你当前的目录. PHP中的demo代码可以在ideo ...
- 8.Struts2类型转换器
类型转换器1.引入在Struts2中,请求参数类型不仅可以是String,还可以是其它类型.如,定义一个请求参数birthday为Date类型,给其赋值为1949-10-1,则birthday接收到的 ...
- Delphi TListView刷新闪烁问题
应用场景 TListView可以动态选择列并显示而且列宽度也要保存,加载数据ListView会出现N次闪烁 步骤一: 选择要显示列: 点击"确定"按钮,显示下图 步骤二: 界面会出 ...
- Mac OSX中的@executable_path, @load_path和@rpath的理解
本文转载自:https://wincent.com/wiki/@executable_path,_@load_path_and_@rpath.个人觉得写的很不错,简洁明了. Absolute path ...
- 数字限时增长效果实现:numberGrow.js
这是上周工作中写到的一个功能,大概的效果就是页面中有几处数字,统计公司的一些业务信息,需要在第一次出现的时候,做一个从0开始增长,大概2秒自动增长到真实数值,并停止增长的效果.这个问题的重点在于解决如 ...
- CSS垂直居中和水平居中
前言 CSS居中一直是一个比较敏感的话题,为了以后开发的方便,楼主觉得确实需要总结一下了,总的来说,居中问题分为垂直居中和水平居中,实际上水平居中是很简单的,但垂直居中的方式和方法就千奇百怪了. 内联 ...
- Hadoop源码编译过程
一. 为什么要编译Hadoop源码 Hadoop是使用Java语言开发的,但是有一些需求和操作并不适合使用java,所以就引入了本地库(Native Libraries)的概念,通 ...