ajax 高级

使用ajax高级传值

index

@{
 ViewBag.Title = "Index";
}

<form>
    <div class="form-group">
        <label for="userName">用户名：</label>
        <input type="text" class="form-control" id="userName" />
    </div>
    <div id="tips"></div>
    <div class="form-group">
        <label for="userPwd">密码：</label>
        <input type="text" class="form-control" id="userPwd" />
    </div>
</form>


@section scripts{
    <script type="text/javascript">
        //userName失去焦点之后进行的方法
        $("#userName").blur(function () {
            //获取用户名
            var userName = $("#userName").val();
            $.ajax({
                url: "/ajax/select?userName=" + userName,
                type: "get",
                dataType: "json",
                success: function (reult) {
                    $("#tips").html(reult);
                },
                error: function (info) {
                    alert(info);
                }
            });
        }); 
    </script>
}

后台控制器

public ActionResult select()
        {
            string[] userNameArry = new string[] {"aa","bb","cc"};
            string userName = Request.QueryString["userName"];
            string reult = "可用";
            for (int i = 0; i < userNameArry.Length; i++)
            {
                if (userName==userNameArry[i])
                {
                    reult = "此用户名存在";
                    break;
                }
            }

            return Json(reult, JsonRequestBehavior.AllowGet);
        }