js 控制网页不刷新检测用户名的方法
2012-11-23 14:40:53 来源:WEB开发网核心提示: 很多网站在注册用户的时候都会检测用户名是否存在,通常在显示是否存在用户名的时候有2种做法,js 控制网页不刷新检测用户名的方法,一种是通过回发页面的方式,把页面的信息发回服务器检查,添加一条记录,3. 在Reg.aspx页面中引入JQuery库4. 新建一个页面,然后再回发给浏览器,这种做法速度慢
很多网站在注册用户的时候都会检测用户名是否存在。通常在显示是否存在用户名的时候有2种做法。一种是通过回发页面的方式,把页面的信息发回服务器检查,然后再回发给浏览器。这种做法速度慢,而且屏幕闪烁,用户体验不好。另一种方法是通过Ajax技术,不刷新页面,而是通过浏览器的异步回发机制将信息从浏览器中发到服务器,服务器将处理后的数据返回给浏览器。这种做法的好处是速度快,数据传输量少,页面闪烁,用户体验跟桌面程序一样。但是编程比较繁琐。
数据通过Ajax传输,其本质是调用浏览器内置的OCX来创建Ajax对象。IE是ActiveObject,而其他的浏览器是XMLHttpRequest内奸对象。该概念在IE5中首次被引入,不同的浏览器在创建对象的方法身上那个是有差异的。
JQuery对Ajax提供了良好的支持。让编程人员更加专注于逻辑处理本身而忽略浏览器之间的差异。
下面以asp.net的编程为例来讲解如何通过Ajax技术来验证用户名。
1. 首先在新建的网站上创建一个Reg.aspx页面。
在该页面中放入一个TextBox服务器控件,并将该控件的ID设置为txtUserName。
因为asp.net在服务器端将其解释成静态页面的时候,其对应的服务器控件将转换为标准的HTML控件,但是ID值是不变的,这就为后面的Javascript编程提供了方便。
为了显示用户名是否存在,在后面加一个<span>标签,其实<asp:Label>最后在浏览器端也是用<span>表示的。
2. 创建一个Member数据库,创建一个Member表,添加一条记录。
3. 在Reg.aspx页面中引入JQuery库
4. 新建一个页面,用于检车用户名是否存在。
更多精彩
赞助商链接