博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
MVC项目开发中那些用到的知识点(Ajax.BeginForm)
阅读量:6820 次
发布时间:2019-06-26

本文共 1994 字,大约阅读时间需要 6 分钟。

Ajax.BeginForm可用于异步提交表单。

@using (Ajax.BeginForm("AjaxFormPost", "Home",    new { ID="11", ClassName="FirstClass"},    new AjaxOptions    {        HttpMethod = "POST",        OnBegin="OnBeginPost()",        OnComplete="OnEndPost()",        OnSuccess="OnSuccessPost",        InsertionMode = InsertionMode.Replace    }))

 AjaxFormPost为Action,Home为控制器,new {ID=“11”,ClassName="FirstClass"}为路由参数即Url参数

AjaxOptions

1.HttpMethod提交表单的方式。

2.onBegin表单提交前 客户端Js的操作。

3.OnSuccess表单提交后客户端在此可以返回的操作

4.OnComplete表单提交完成后的操作

5.InsertionMode

// 摘要:    //     Enumerates the AJAX script insertion modes.    public enum InsertionMode    {        // 摘要:        //     Replace the element.        Replace = 0,        //        // 摘要:        //     Insert before the element.        InsertBefore = 1,        //        // 摘要:        //     Insert after the element.        InsertAfter = 2,    }

 

@Html.Label("lblName", "姓名") @Html.TextBox("TxtName")
@Html.Label("lblAge", "年龄") @Html.TextBox("TxtAge")

 这是简单的表单控件,一个Name,一个Age,和一个提交按钮。

下面来看一下对应Home控制器中Action的操作,此处只做测试,所以只进行取表单数据

public string AjaxFormPost(string ID)        {            string ClassName = Request.QueryString["ClassName"];            string Name = Request.Form["TxtName"];            string Age = Request.Form["TxtAge"];            return "姓名" + Name + "年龄" + Age;        }

 ID为路由机制的参数。TxtName,TxtAge是通过表单进行获取,前面设置为post方式,所以要用Request.Form的方式进行获取相应的值。

然后返回一个字符串string,如果想在客户端进行返回此字符串那么可以在上面AjaxOptions中的OnSuccess   

<script type="text/javascript">      function OnSuccessPost(e) {         alert(e+"提交成功!");     } </script>

 

当然如果想调用客户端JavaScript还需要引用一个JavaScript库。

 

这样就可以进行调用测试

 

 

 

 

转载地址:http://ckszl.baihongyu.com/

你可能感兴趣的文章
【cocos2d-x从c++到js】22:使用非侵入方式扩展UI系统接口的举例
查看>>
Hibernate查询效率对比
查看>>
DROP TABLE 恢复【一】
查看>>
Message Flood(map)
查看>>
百度地图计算两坐标点之间距离计算
查看>>
getHibernateTemplate()
查看>>
【SPOJ】10628. Count on a tree(lca+主席树+dfs序)
查看>>
Uva10290 - {Sum+=i++} to Reach N
查看>>
本地域名解析
查看>>
读javascript高级程序设计15-Ajax,CORS,JSONP,Img Ping
查看>>
C# 中的 ConfigurationManager类引用方法
查看>>
搜索引擎-处理查询
查看>>
unzip 命令使用
查看>>
ggplot ggplot2 画图
查看>>
管理http服务的脚本
查看>>
页面导航
查看>>
特征选择方法之信息增益
查看>>
Aix 光盘软件包安装
查看>>
算法:街区最短路径问题
查看>>
Linux下Samba的配置
查看>>