Asp.net 2.0 Ajax 验证用户是否存在-优快云博客

本文链接：https://blog.youkuaiyun.com/Iamarmy/article/details/2851665

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default5.aspx.cs" Inherits="Default5" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

   //第三步：设置服务器完成处理后要运行的函数
   xmlhttp.onreadystatechange=function()
   {
  if (4==xmlhttp.readyState)
  {
   if (200==xmlhttp.status)
   {
       //接受验证结果
    var result=xmlhttp.responseText;
    if(result=="true")
    {
        document.form1.txtShow.value="用户名验证成功！";
    }
    else
    {
        document.form1.txtShow.value="用户名验证失败！";
    }
   }
  }
}

//第四步：打开服务器链接有两种方式
  //提交方法一：Get提交
  xmlhttp.open("GET",url,true);

  //提交方式二：Post提交需要如下设置http头
  //xmlhttp.open("POST", url, true);
  //xmlhttp.setRequestHeader('Content-type','application/x-www-form-urlencoded');

   //第五步：发送请求
   xmlhttp.send(null);
}

</script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <div style="text-align: center">
            <table border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td align="right" style="width: 100px; height: 19px">
                        用户名：</td>
                    <td style="width: 100px; height: 19px">
                        <input id="txtName" type="text" onblur="check();"/></td>
                    <td style="width: 100px; height: 19px">
                    </td>
                </tr>
                <tr>
                    <td align="right" style="width: 100px">
                        密码：</td>
                    <td style="width: 100px">
                        <asp:TextBox ID="txtPwd" runat="server"></asp:TextBox></td>
                    <td style="width: 100px">
                    </td>
                </tr>

                 <tr>
                    <td style="width: 100px">
                    </td>
                    <td style="width: 100px">
                        <input id="txtShow" type="text" /></td>
                    <td style="width: 100px">
                    </td>
                </tr>

            </table>
        </div>
    </div>
    </form>
</body>
</html>
来自：http://www.ajaxsamples.cn/html/6241.html