aspx里的代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> #Password1 { height: 15px; } #Text1 { height: 15px; } </style> </head> <body> <form id="form1" runat="server"> <div> 用户名: <input id="Text1" type="text"/><asp:Label ID="Label1" runat="server" Text=""></asp:Label> <br /> 密码： <input id="Password1" type="password"/><br /> <br /> <input id="Button1" type="button" value="button" /><br /> </div> </form> </body> </html> <script src="jquery-1.11.2.min.js" type="text/javascript"></script> <script> //当页面准备好之后再去触发function函数 $(document).ready(function () { $("#Text1").blur(function () { //获取文本框的值并触发blur焦点离开事件，用Ajax把值传输出去，并接受，然后通过值来改变样式 var txt = $(this).val(); //获取文本框的值 //获取值之后用ajax发送出去 $.ajax({ //ajax的一个方法 url: "Default2.aspx", //要发送的地址 type: "POST", //要发送的方式 data: { uid: txt }, //要传的值。相当于Default2.aspx？uid=txt，必须通过data来传值.querystring的传值数据值 //开始接受返回数据 datatype: "xml", //接受返回值类型，为xml格式 success: function (data) //执行回调函数，data就是返回的数据 { //var a = $(data).find("count").val(); //从data里找count标签,并获取到他的文本.这个方法获取不到，用下面的那种方法 var a = $(data).text(); var b = $("#Label1"); if (parseInt (a) == 5) { b.text("用户名可以使用"); //$("#Label1").html("用户名可以使用"); } else { b.text = "用户名不能使用"; } } }); }); }); </script>
axpx.cs里的代码
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; public partial class Default2 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { string uid = Request["uid"].ToString(); int count = 5; //获取uid的值后就可以进行查询验证 //用xml把值传回Aajx，xml就是一对对的标签 Response.Write("<?xml version='1.0'?>"); //xml的格式 Response.Write("<count>"+count.ToString()+"</count>"); //这样代码就传回去了，存在success里data里 Response.End(); //输出后关掉 } }