Asp.Net Mvc4 Ajax提交数据成功弹框后跳转页面

1.cshtml页面代码

@model Model.UserInfo

@{     ViewBag.Title = "Edit";

var options = new AjaxOptions()

{

Url = Url.Action("Edit", "Home"),

LoadingElementId = "saving",

LoadingElementDuration = 2000,         //   Confirm = "Are you sure you want to save this User?"

OnSuccess = "updateSuccess"

};

}

<h2>Edit</h2>

@using (Ajax.BeginForm("Edit", null, options, new { role = "form" }))

{

@Html.ValidationSummary(true)

<fieldset>         <legend>UserInfo</legend>

@Html.HiddenFor(model => model.Id)

<div class="editor-label">             @Html.LabelFor(model => model.Name)         </div>         <div class="editor-field">             @Html.EditorFor(model => model.Name)             @Html.ValidationMessageFor(model => model.Name)         </div>

<div class="editor-label">             @Html.LabelFor(model => model.Password)         </div>         <div class="editor-field">             @Html.EditorFor(model => model.Password)             @Html.ValidationMessageFor(model => model.Password)         </div>

<div class="editor-label">             @Html.LabelFor(model => model.RealName)         </div>         <div class="editor-field">             @Html.EditorFor(model => model.RealName)             @Html.ValidationMessageFor(model => model.RealName)         </div>

<div class="editor-label">             @Html.LabelFor(model => model.UpdateDate)         </div>         <div class="editor-field">             @Html.EditorFor(model => model.UpdateDate)             @Html.ValidationMessageFor(model => model.UpdateDate)         </div>

<p>             <input type="submit" value="Save" />         </p>     </fieldset> }

<div>     @Html.ActionLink("Back to List", "Index") </div>

@section Scripts {     @Scripts.Render("~/bundles/jqueryval") }

<script type="text/javascript">

function updateSuccess(data) {

if (data=="success") {

alert(‘保存成功!‘);

window.location.href = "@Url.Action("Index", "Home")";

}

else

{

alert(‘保存失败!‘ + data);

}

}

</script>

2.后台代码

[HttpPost]
        public JsonResult Edit(UserInfo model)
        {
           //更新用户信息 ViewBag.flag为true表示保存成功,弹框
            string flag = BllFactory.GetUserBLL().SaveUserInfo(model);//数据处理
            return Json(flag, JsonRequestBehavior.DenyGet);
        }

3.Model

using System;

using System.Collections.Generic;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

namespace Model {

public class UserInfo

{

#region Model

private long _id;

private string _name;

private string _password;

private string _realname;

private DateTime? _updatedate = DateTime.Now;

/// <summary>         ///

/// </summary>

public long Id         {             set { _id = value; }             get { return _id; }         }

/// <summary>         ///

/// </summary>

public string Name         {             set { _name = value; }             get { return _name; }         }

/// <summary>         ///

/// </summary>

public string Password

{             set { _password = value; }             get { return _password; }         }

/// <summary>         ///

/// </summary>

public string RealName         {             set { _realname = value; }             get { return _realname; }         }

/// <summary>         ///

/// </summary>

public DateTime? UpdateDate         {             set { _updatedate = value; }             get { return _updatedate; }         }

#endregion Model

}

}

时间: 2024-10-11 16:32:15

Asp.Net Mvc4 Ajax提交数据成功弹框后跳转页面的相关文章

AJAX提交数据成功但不会跳转页面

HTML页面通过ajax提交数据成功,但是会执行多次success方法,不会跳转到指定页面 解决办法;把button的type改为button即可 1 <button type="button" id="addBtn" class="btn btn-primary btn-lg">添加</button> 2 3 <script type="text/javascript"> 4  $(&qu

asp.net通过Ajax提交数据到后台方法

1.在类文件中添加如下引用:using System.Web.Services; 2.自定义静态方法,必须是静态方法: [WebMethod]        public static string RequestMethod1(string msg,string msg1)        {            return "OK";        } 3.界面传值并获取后台返回的数据 $.ajax({                type: "Post",

jQuery 中 ajax 提交数据应用的一个小demo

举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名问题 ... ajax02.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="form&qu

JavaWeb开发中form、ajax提交数据Model转化

JavaWeb开发中form.ajax提交数据Model转化 问题 最近学习MongoDB数据库,作为java开发的我,当然需要做个小的web程序来测试一番了.在html中我采取ajax提交方式,因为我要模拟各种类型的数据,基础数据类型.数组.对象等.然而,最终发现了个不同的地方:Form和ajax提交数据,在HttpServletRequest中尽然参数名有所不同. 数据类型 form ajax 基础数据 para=value para=value 数组 para[]={"aaa",

ASP.NET MVC ajax提交 防止CSRF攻击

//在View中 <script type="text/javascript"> @functions{ public string ToKenHeaderValue() { string cookieToken,fromToken; AntiForgery.GetTokens(null,out cookieToken,out fromToken); return cookieToken+":"+fromToken; }} $function({ ...

解决部分浏览器ajax提交数据,数据已改变,却后台数据接收数据还是上一次值的问题

最近在工作中遇到了QQ浏览器ajax提交数据,表单数据改变,却后台数据接收数据还是上一次值的问题,但是在其它浏览器中是正常的. 代码如下: $.ajax({ url : "<%=path%>/secretkey/uploadKey", async:false, type : 'post', data : { merKey : $('#merKey').val(), keyType : $('#keyType').val(), type : $('#type').val()

ajax提交数据问题

加入traditional:true属性 traditional 类型:Boolean 如果你想要用传统的方式来序列化数据,那么就设置为 true.请参考工具分类下面的 jQuery.param 方法. $.ajax({ type: "POST", url: url, traditional:true, data:{ data:[0,1] }, dataType: "json", async:false }); ajax提交数据问题

ajax提交完表单数据依然跳转的解决办法

1. 既然ajax提交数据,就把表单里面submit按钮换掉,因为触发submit他就会跳转页面 提交的时候他会先触发ajax 再触发submit的提交 2.如果确定了表单没有submit,那么把提交的按钮的onclick属性值设置为 onclick="return false;" jquery写事件触发的时候建议不直接用$('#vel').click(function(){})     写成绑定事件 $('#vel').on(click(function(){}))

WPF中PreviewMouseDownEvent的系统处理:TabItem的PreviewMouseDown 事件弹框后不切换的问题调查

?? 背景: UI中有一个TabControl, 包含2个TabItem,当切换到别的TabItem时可能弹框然后根据逻辑判断是否跳转过去. 然后我就做了这样一个demo: xaml: <UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x ="http://schemas.microsoft.com/winfx/2006/xaml" xmln