日期:2014-05-16  浏览次数:20930 次

ASP.NET下实现AJAX注册提醒

          Ajax全称是,主要是利用JavaScript实现异步的数据传输,首先说异步,异步是当前操作进行的时候,用户可以进行别的工作,拿最典型的注册来说,用户在填完用户名之后,网站将用户名发回服务器进行判断当前用户名是否存在的时候,用户可以继续往下填写其他信息,在用户进行其他工作的时候,服务器就将判断结果发回到浏览器了,这样用户不用等,大大的提高了用户的体验。

    Ajax传输数据有很多中方式XML是一中,其他比如直接传字符串,html页面,也可以传CVS(用符号分割数据,然后读取的时候根据符号将数据分隔开),或者是Json数据格式,Json有点像实体,用来封装数据,然后传输数据的时候传的是Json对象。

 

下面是ajax实现注册用户名时提示的一个实例,如果没在VS里实现过ajax的读者可以跟着我一步一步的往下做:

 

首先在vs里建立一个web页面,添加两个框(用户名、密码),添加一个按钮(注册);html代码页在文本框后面添加 <span>标签(这个页没有后台的C#代码),

register.css为样式文件,ulties.js封装了创建请求对象(ajax中用户传递客户端发出的请求)的方法,register.js封装了剩余的js代码

代码如下

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ajaxDemon.aspx.cs" Inherits="WebDevelop.ajaxDemon" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>注册信息</title>
    <link href="css/register.css" rel="stylesheet" type="text/css" />
    <script src="js/ulties.js" type="text/javascript"></script>
    <script src="js/register.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="register">
            <p>
                <asp:label runat="server" text="用户名 "></asp:label><asp:TextBox ID="txtUserName" runat="server"></asp:TextBox>&l