mvc ajax form,MVC之Ajax.BeginForm使用详解之更新列表(示例代码)

1.首先，请在配置文件设置如下：(该项默认都存在且为true)

2.在你的_layout.cshtml中引入JS文件：

3.获取简单的某个值，比如ID,NAME等int,string类型：

数据实体User.cs：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

namespace MvcApplication1.Models

{

public class User

{

public int ID { get; set; }

public string Name { get; set; }

}

}

控制器UserController.cs:(部分代码)

///

/// 定义的用户仓库

///

private List _userRepository = new List {

new User{ID=1,Name="ab"},

new User{ID=2,Name="bc"},

new User{ID=3,Name="cd"},

new User{ID=4,Name="ace"}

};

#region GetUserID For (获取简单的某个值)

public ActionResult UserID()

{

return View();

}

[HttpPost]

public int UserID(string name)

{

User user = _userRepository.FirstOrDefault(x => string.Equals(x.Name, name, StringComparison.CurrentCultureIgnoreCase));

if (user == null)

{

return -1;

}

return user.ID;

}

#endregion

视图UserID.cshtml：

@using MvcApplication1.Models;

@model User

@{

ViewBag.Title = "查询用户ID";

}

@using (Ajax.BeginForm("UserID", "User", new AjaxOptions { HttpMethod = "Post", UpdateTargetId = "div_uid", InsertionMode = InsertionMode.Replace }))

{

@Html.TextBox("name")

查询UserID

}

如果你前面该引入的文件都引了，那么在点击查询时，

div_uid 中就会显示查询到的ID

结果如下：

4.获取用户列表，用于异步刷新列表:

注意：如果你有一个列表需要异步查询并更新查询结果，那就需要使用分布视图！也就是说你还需要一个View才可以，不可以将结果直接返回到本页！

控制器UserController.cs:(部分代码)

#region GetUserList (获取用户列表，用于异步刷新列表)

// GET: /User/

public ActionResult UserList()

{

var result = _userRepository;

return View(result);

}

[HttpPost]

public ActionResult UserList(string name)

{

var result = _userRepository;

if (!string.IsNullOrWhiteSpace(name))

{

result = _userRepository.Where(u => u.Name.Contains(name)).ToList();

}

return PartialView("_pview", result);

}

#endregion

主视图UserList.cshtml：

@using MvcApplication1.Models;

@model List

@{

ViewBag.Title = "Index";

}

@using (Ajax.BeginForm("UserList", "User", new AjaxOptions { HttpMethod = "Post", UpdateTargetId = "tb", InsertionMode = InsertionMode.Replace }))

{

@Html.TextBox("name")

查询UserList

}

用户ID用户名称

@Html.Partial("_pview", Model)

分布视图_pview.cshtml：

@using MvcApplication1.Models;

@model List

@{

Layout = null;

ViewBag.Title = "_pview";

}

@foreach (User u in Model)

{

@u.ID@u.Name

}

结果如下：

点击查询后：

5.好了，基本上主流的2个用法都有，希望能对大家有帮助！