MVC AJAX

Posted //我是小白

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了MVC AJAX相关的知识,希望对你有一定的参考价值。

ajax 简介
ajax是Asynchronous javascript (异步JavaScript) 与XML的缩写。这是在后台请求服务器数据,而不必重载页面的一种技术

原理:
在这里插入图片描述
小案例代码演示
控制器代码:

public class sysAdminController : Controller
    {
        // GET: sysAdmin
        public ActionResult Index()
        {
            return View();
        }
        public ActionResult check(string sysID)
        {
            using (xiaomiEntities db=new xiaomiEntities())
            {
                if (db.sysAdmin.Where(u => u.sysID == sysID).Count() > 0)
                {
                    return Content("恭喜,该昵称可以被注册");
                }
                else
                {
                    return Content("抱歉,该昵称已存在");
                }
            }
        }
    }

html代码:

<body>
    <form method="post">
        用户名:<input type="text" id="sysID" />
        <input type="button" id="btnok" value="检查" />
    </form>
    <h2><span id="msg"></span></h2>
</body>

JS代码:

<script src="~/JS/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
        $(function () {
            $("#btnok").click(function () {
                var sysID = $("#sysID").val();
                $.ajax({
                    url: "/sysAdmin/check",
                    type: "post",
                    data: { "sysID": sysID },
                    success: function (data) {
                        $("#msg").html(data);
                    }
                })
            })
        })
</script>

效果:
在这里插入图片描述

以上是关于MVC AJAX的主要内容,如果未能解决你的问题,请参考以下文章

ASP.net MVC 代码片段问题中的 Jqgrid 实现

html PHP代码片段: - AJAX基本示例:此代码演示了使用PHP和JavaScript实现的基本AJAX功能。

AJAX相关JS代码片段和部分浏览器模型

MVC AJAX

AJAX 和 MVC 模式

尝试使用 Ajax 调用控制器方法 MVC 获取数据 我的代码已附加