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 实现