学习ajax基础心得体会(纯基础,大牛勿喷)

今天在实习公司做联系项目时,项目经理要求做一个注册页面用户名是否存在的无刷新的检测,这个肯定需要使用到AJAX技术,但是我确实一点AJAX基础都没有,稚嫩他硬着头皮先尝试着做。

 

先写注册页面的add2.asp。

  1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ADD2.aspx.cs" Inherits="YX.DEMO.Web.lmly_User.ADD2" %>
  2 
  3 "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4 
  5 "http://www.w3.org/1999/xhtml">
  6 "server">
  7 
 82 
 83     
 84 
 85 
 86     
"form1" runat="server"> 87
88 89 "Label1" runat="server" Text="请输入用户名"> 90 "txtUser_name" runat="server" onBlur="showHint(txtUser_name.value);" > 91 "txtHint" runat="server" Visible="True"> 92 93
94 "Label3" runat="server" Text="请输入密码"> 95 "txtUser_pwd" runat="server" TextMode="Password" > 96 "passwordvalidate" runat="server" Visible="False"> 97
98 "Label5" runat="server" Text="请输入邮箱"> 99 "txtUser_email" runat="server" onBlur="showHint2(txtUser_email.value);" > 100 "txtHint2" runat="server" Visible="True"> 101 "Label8" runat="server" Visible="True"> 102
103 "Button1" runat="server" οnclick="Button1_Click" Text="注册" /> 104 "Msg" runat="server" Text="Msg"> 105 106 107

function  showHint方法是用来将查询结果显示在文本框后面的label空间上的。

 

在新建了一个空的ASP   user_select.aspx。

 

将里面的html代码全部删除,

整个页面就留下这么一句代码。

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="user_select.aspx.cs" Inherits="YX.DEMO.Web.lmly_User.user_select" %>

 

 

然后在页面的初始化事件中写入代码如下:

 

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.UI;
 6 using System.Web.UI.WebControls;
 7 using Maticsoft.DBUtility;
 8 using System.Data.SqlClient;
 9 using System.Data;
10 
11 namespace YX.DEMO.Web.lmly_User
12 {
13     public partial class user_select : System.Web.UI.Page
14     {
15         protected void Page_Load(object sender, EventArgs e)
16         {
17              string ass = Request["w"];
18             //string b="";
19             string result = "";
20             DataSet re = new DataSet();
21             string a="select * from lmly_User where User_name='"+ass+"'";
22 
23             if (DbHelperSQL.GetSingle(a) == null)
24             {
25                 result = "该用户未被注册";
26 
27             }
28             else {
29                 result = "该用户已被注册";
30             }
31             Response.Write(result);
32         }
33         }
34     }


当add2页面中的一个txtUser_name文本框中输入字符然后失去焦点后,触发showHint()方法,然后showHint()将txtUser_name中的内容提交给user_select.aspx页面,当user_select.aspx处理玩查询后将查询结果返回给add2页面,并显示在labe控件中。

邮箱重复性验证方法雷同。

 

而邮箱格式的真确性验证则是使用AJAX和正则表达式的方法来验证

1             if (Regex.IsMatch(ass,
2               @"^(?("")("".+?""@)|(([0-9a-zA-Z]((\.(?!\.))|[-!#\$%&'\*\+/=\?\^`\{\}\|~\w])*)(?<=[0-9a-zA-Z])@))" +
3               @"(?(\[)(\[(\d{1,3}\.){3}\d{1,3}\])|(([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,6}))$") == false) {
4                   Response.Write("错误");
5             
6             }


 

 

再次声明,本人是菜鸟,目前还是大三在实习。本人的博客只为自己日常工作学习过程中的一种收获总结,可能有些内容过于简单,大牛勿喷,谢谢,无版权,随意转发,不需备注。

 

 

 

转载于:https://www.cnblogs.com/liu-nian-2014/p/3826905.html

你可能感兴趣的:(学习ajax基础心得体会(纯基础,大牛勿喷))