虽然年龄大了,也要从头学起 MVC JQuery的Ajax应用测试(一)

第一步:Index.cshtml 客户端代码:

 

@{
    ViewBag.Title = "Index";
}
<script src="/Scripts/jquery-1.7.1.js" type="text/javascript"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js" type="text/javascript"></script>
<h2>Test</h2>
<input id="ckcs" name="ckcs" type="checkbox" />
<script type="text/javascript">
    $(function () {
        var vckcs = $('#ckcs');
        vckcs.click(function () {
            var param = {};
            param.UserName = "zhangsan";
            param.UserAge = 18;
            $.post("/home/AjaxPost", param, function (data, status) {
                alert(data);
            });
        });
    })
</script>

第二步:服务端部分代码:

 

 

 [HttpPost]
        public ActionResult AjaxPost(string userName, int userAge)
        {

            if (!string.IsNullOrEmpty(userName))
            {
                return Content(userName + ":" + userAge.ToString());

            }
            else
            {
                return Content("No");
            }

          
        }