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(); //输出后关掉
}
}
时间： 2024-11-07 18:45:11