Ajax原生态登录

[注]：适用于C# asp.net mvc 其他仅供参考

----》视图中（Html代码）

   <label id="write"></label>   @*接收后台返回的判断信息*@
    <input type="text" id="username" name="username" />
    <input type="text" id="pwd" name="pwd" />
    <input type="button" value="提交"  onclick="sendRequest()"/>
    
@section scripts{
           //new一个XMLHttpRequest对象
            var xhr = new XMLHttpRequest();
            //当点击按钮时触发该事件
            function sendRequest() {
            //获取两个文本框的值
            var username = $("#username").val();
            var password = $("#pwd").val();
            //open对象，用来向控制器发送数据
            xhr.open("GET", "add?username="+username+"&password="+password, true);
            xhr.send();
            //当readyState 性发生改变时触发 readystatechange 事件的时候被调用。
            xhr.onreadystatechange = function () {
            //判断是否是正确的返回状态
               if (xhr.readyState == 4 && xhr.status==200) {
                      //json格式接收后台传来的数据
                      var value = JSON.parse(xhr.responseText);
                     if (value != null) {
                        $("#write").val(value);
                    }
              }
       }
}


    </script>
}

----》控制器中（后台）

 [HttpGet]
 public JsonResult add(string username, string password) {
        
  string result = "";
    if (username.Equals("123") && password.Equals("123"))
            {
                result = "用于存在";
                return Json(result, JsonRequestBehavior.AllowGet);
            }
            else
            {
                result = "错误";
                return Json(result, JsonRequestBehavior.AllowGet);
            }
}