ASP.NET-MVC-Ajax辅助方法

最新推荐文章于 2022-05-14 21:52:45 发布

千寻-一醉

最新推荐文章于 2022-05-14 21:52:45 发布

阅读量134

点赞数

分类专栏： MVC 辅助方法

原文链接：https://blog.csdn.net/qq_45262877/article/details/109687716

版权

MVC 同时被 2 个专栏收录

32 篇文章 0 订阅

订阅专栏

辅助方法

2 篇文章 0 订阅

订阅专栏

Ajax辅助方法通过“@Ajax”调用，如“@Ajax.ActionLink”,"@Ajax.BeginForm"

使用Ajax时，需要引入库文件

如Script文件夹中不存在jquery.unobtrusive-ajax.js时，可在NuGet程序包中安装：
在这里插入图片描述
Ajax.ActionLink方法
可以创建一个具有异步行为的超链接
ActionLink方法的第一个参数是超链接的文本，第二个参数是操作方法的名称
ActionLink方法可以通过设置AjaxOptions对象的属性值来调整Ajax请求的行为
AjaxOptions对象能够配置对服务器的异步请求以及处理返回的数据
在这里插入图片描述
程序：

HomeController.cs

public ActionResult Index()
{
return View(“index”);
}

    public ActionResult Getdate()
    {
        return Content(DateTime.Now.ToString());
    }

Index.cshtml

<script type="text/javascript">
    function msg(data) {
        alert(data);
    }
</script>

@*点击按钮从服务器获取时间，显示在id为show标签上*@ @Ajax.ActionLink("获取时间方法", "getdate", "home", new AjaxOptions { Confirm="确认要提交吗？", HttpMethod="post", InsertionMode=InsertionMode.Replace, OnSuccess="msg", UpdateTargetId="show" }); 获取到的时间：

Ajax.BeginForm方法
AjaxOptions对象和Ajax.ActionLink方法相同

程序：
HomeController.cs

    TestEntities db = new TestEntities();

    public ActionResult Index()
    {
        List<JobSeeker> list = db.JobSeeker.ToList();
        return View("index", list);
    }
  
    public ActionResult select(string UserName)
    {
        List<JobSeeker> list = db.JobSeeker.Where(u => u.Name.Contains(UserName)).ToList();
        return PartialView("result", list);
    }

Index.cshtml

@model List<MvcTest.Models.JobSeeker>

</head>
<body>
    @using(Ajax.BeginForm("select", "home", null, new AjaxOptions() {
            HttpMethod = "post",
            InsertionMode = InsertionMode.Replace,
            UpdateTargetId="show",
    }))
    {
        <table class="table table-bordered table-hover">
            <tr>
                <td>查询：</td>
                <td><input type="text" name="UserName" /></td>
            </tr>
            <tr>
                <td colspan="2"><input type="submit" value="查询" /></td>
            </tr>
        </table>
    }

    <div id="show">
        <table class="table table-bordered table-hover">
              <thead>
                  <tr>
                      <td>姓名</td>
                      <td>求职意向</td>
                      <td>工作经验</td>
                      <td>教育程度</td>
                  </tr>
              </thead>
            <tbody>
                @foreach(var item in Model)
                {
                     <tr>
                         <td>@item.Name</td>
                         <td>@item.Career</td>
                         <td>@item.Experience</td>
                         <td>@item.Education</td>
                     </tr>
                }
            </tbody>
        </table>
    </div>
</body>
</html>

result.cshtml

@model List<MvcTest.Models.JobSeeker>

@foreach (var item in Model) { }