Ajax（模糊查询）异步刷新

最新推荐文章于 2022-04-01 13:54:21 发布

L＆wy

最新推荐文章于 2022-04-01 13:54:21 发布

阅读量299

点赞数

分类专栏： Ajax

本文链接：https://blog.csdn.net/weixin_44719554/article/details/106116353

版权

Ajax 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

1.视图

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/Scripts/jquery-3.4.1.min.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
</head>
<body>
    @using (Ajax.BeginForm("IndexFenBu", new AjaxOptions
    {
        UpdateTargetId = "show",
        InsertionMode = InsertionMode.Replace
    }))
    {
        <input type="text" name="name" />
        <input type="submit" value="查询" />
    }
    <div id="show">
    </div>
</body>
</html>

2.控制器

    public class MyController : Controller
    {
        MVCTwoEntities db = new MVCTwoEntities();
        // GET: My
        public ActionResult Index()
        {
            return View();
        }
        public ActionResult IndexFenBu(string name)
        {
          ViewBag.mag = db.Usera.Where(a => a.uname.Contains(name)).ToList();
            return View();
        }
    }

3.分布视图

<ul>
   @foreach (var item in ViewBag.mag)
   {
       <li>@item.uname</li>
   }
</ul>

L＆wy

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ajax（模糊查询）异步刷新

1.视图<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <script src="~/Scripts/jquery-3.4.1.min.js"></script> <script src="~/Scripts/jq
复制链接

扫一扫