MVC异步加载学习笔记

一.普通的异步请求

1.View层

<input type="text" id="Name" value="" placeholder="请输入账号" />
    <input type="password" id="Password" value="" placeholder="请输入密码" />
    <input type="button" id="btn" value="提交 " />

 

2.controller层

public ActionResult Index()
        {
            
            return View();
        }
        public string JqueryPost()
        {
            string Name = Request["Name"].ToString();
            string Pwd = Request["Password"].ToString();
            return "Name:" + Name + "Pwd:" + Pwd;
        }

 

3.JS

<script src="~/Content/js/jquery-2.2.4.min.js"></script>
<script>
    $(function () {
        $('#btn').click(function () {//点击提交按钮触发点击事件
            $.post(
     "/Headquarter/JqueryPost",//请求的控制器方法(url)
     {
         Name: $('#Name').val(),     
         Password: $('#Password').val()
     },//发送数据到控制器，键值对形式 (data)
     function (data) {//获取控制器传过来的数据(回调函数)
         layer.alert(data);
     })
        });
    });
</script>

4.运行