很简单jQuery+ajax的应用:文本框失去焦点时,将文本框内容发送到服务器验证, 用于判断用户名是否存在,下面演示如何通过jQuery post发送数据.
sign.html代码
$.ajax()用来发送请求, 其中url指明远程页面 如果post数据有多项, 可以使用 data:"name="+$("#TxtName").val() + "&pwd=" + ...
success:请求成功后的回调函数
在CheckName.aspx.cs页面, 可以使用以下方式接受数据
string name = Request.Form["name"];
下面是CheckName.aspx.cs的完整代码
code
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
public partial class content_CheckName : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string name = Request.Form["name"];
if ( !String.IsNullOrEmpty( name ) )
{
if ( IsNameExist( name ) )
{
Response.Write( name +" 已经存在" );
}
else
{
Response.Write( name +" 可以使用");
}
}
}
private bool IsNameExist( string name )
{
string[] names = { "a", "ad", "adm", "admi", "admin" };
foreach ( string n in names )
{
if ( n == name )
{
return true;
}
}
return false;
}
}
确保CheckName.aspx页面只有这一行代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckName.aspx.cs" Inherits="content_CheckName" %>