ajax 1 : check user name

最新推荐文章于 2022-04-08 15:56:19 发布

最新推荐文章于 2022-04-08 15:56:19 发布 · 137 阅读

文章标签：

#javascript #xhtml #ui #ViewUI

本文介绍了一个使用Ajax实现的用户名检查功能，当用户输入时，通过异步请求检查用户名是否可用，并实时反馈结果。提供了完整的HTML、JavaScript及后台服务代码示例。

ajax check user name

1. Ajax online document：

MSDN Ajax：http://msdn.microsoft.com/en-us/library/ee341002.aspx.

2.下面开始全部事宜ajax实例的形式来进行。

ajax demo 1 ： check user available ?

应用场景：用户注册时检查当前的用户是否能够使用

实例代码：

default.aspx :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Ajax Check User Name</title>  <mce:script type="text/javascript"></mce:script>  </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <div> <table> <tr> <td> User Name : </td> <td> <asp:TextBox runat="Server" ID="txtUserName" onBlur="checkUserName()"></asp:TextBox> </td> <td> <span runat="Server" id="lblInfo" ></span> </td> </tr> <tr> <td> Passowrd : </td> <td> <asp:TextBox runat="Server" ID ="txtPassword" ></asp:TextBox> </td> </tr> <tr> <td> <asp:Button runat="Server" ID = "btnRegister" Text="Click Me !"/> </td> </tr> </table> </div> </form> </body> </html>

default.aspx.cs为空

CheckUserNameService.aspx.cs，前台为空

using System; using System.Collections.Generic; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class CheckUserNameService : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { string userName = Request.QueryString["name"]; bool isValid = false; if (userName == "user") { isValid = false; } else { isValid = true; } Response.Clear(); Response.Write(isValid ? "true" : "false"); Response.Flush(); } }

可能出现的问题：

1.xmlHttp.readyState一直是1

http://www.webkaka.com/blog/archives/xmlhttp-readyState-always-is-1.html

由此可见，是调用send方法不成功，已经调用了open方法。看来，问题出现在open这里了。open的写法是xmlhttp.open("GET",url,true)，并没有发现有什么不对！见鬼了！

我尝试把true改为false。注，true为异步，即不等数据全部接收完就进行下一步；false为同步，等接收完数据才进行下一步。有关同步与异步的解释，请看软件编程中同步与异步的区别。令我意想不到的是，这样竟然可以调用send方法了，xmlhttp.readyState不一直为1了，检测到有2、3、4的状态了。

出现这种情况，我觉得是url的问题，xmlhttp调用open方法时，遇到很难请求的url，导致xmlhttp.readyState一直为1，这与网络有很大关系。遇到这种情况，可以改变下open的url来检测，或者改变下测试环境，把程序放到其他的机器来测试，看是否环境导致的问题。