一个最最简单的Ajax例子

一个最最简单的Ajax例子 var xmlhttp; function Validation() { //实例化XMLHttpRequest对象 xmlhttp =new ActiveXObject ("Microsoft.XMLHTTP"); //找到名为“Text1”的文本框 var name=document .getElementById ("Text1"); //利用Open方法向指定URL //查询字符串“name”将文本框中的数据传送到目标页面 xmlhttp.open("Post","AjaxDemo_1.aspx?name="+name.value); //设置当服务器响应返回时用于处理响应的函数名 xmlhttp .onreadystatechange=OnMessageBack; //送发请求 xmlhttp .send(null); } 4） 添加OnMessageBack()函数的内容。代码如下： function OnMessageBack() { //判断请求状态及HTTP状态是否都能满足条件 if (xmlhttp .readystate==4&&xmlhttp .status==200) { //将返回的文本打印到页面上 document .write (xmlhttp .responsetext); } } 5） 下面为Button1添加事件代码，将其标签修改为 <input id="Button1" type="button" value="button" οnclick="Validation()" /> 6） 页面中的Ajax引擎已经编写完毕。在上代码中，大家可以看到该用户名是通过一个名为“name”的查询字符串进行传递的，该查询字符串传递到服务器后需要进行后台处理，因此，要对“AjaxDemo_1.aspx.cs”中的Page_Load方法添加一些ADO.NET代码。这里的数据库使用的是“Northwind”示例数据库。代码如下所示。 protected void Page_Load(object sender, EventArgs e) { string name = Request.QueryString["name"]; if (name != null) { SqlConnection con = new SqlConnection(""); SqlCommand com = new SqlCommand(); com.CommandText = ""; com.Parameters.Add("@CustomerID",SqlDbType.NChar,5).Value =name; con.Open(); int count = (int)com.ExecuteScalar(); con.Close(); if (count == 0) { Response.Write("<script>alert('该用户可以用!');</script>"); } else { Response.Write("<script>alert('该用户已经被占用，请使用其他用户名！');</script>"); } } } 这里要注意，当服务器利用Response.Write()方法向客户端发出响应后，客户端的Ajax引擎就截获该响应流，并在我们事先定义的“OnMessageBack()”方法中进行处理