1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Ajax 用户名验证是否存在

Ajax 用户名验证是否存在

时间:2023-08-05 08:51:29

相关推荐

Ajax 用户名验证是否存在

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习推荐的Ajax 用户名验证是否存在,过去的都会过去,迎接崭新的开始,释放更美好的自己。

客户端收集表单信息。

使用XMLHttpRequest对象提交到服务器。

服务器完成验证的逻辑,返回结果信息。

浏览器端根据服务器返回的信息对用户做出一定的提示。

不过由于我的空间不支持任何服务器段语言,所以把本应在服务器的逻辑搬到了浏览器,由JavaScript来做,服务器只负责提供一个用户名的列表。最后的效果如下,试着输入test,cainiao8这些用户名,都会显示已注册。

JavaScript代码分析

首先,当文档载入完毕的时候,给表格设置change事件的响应函数ajaxValidate,代码如下:

程序代码

addEventSimple(window,load,function(){

var test = (\);

addEventSimple(test,change,ajaxValidate);

}

这样,当用户名文本框内的值改变之后,就会调用ajaxValidate函数,其代码如下:

程序代码

function ajaxValidate(){

var options = {

url:ajax/ajaxUsernames.xml,

,

method:GET

}

var request = createRequest(options);

();

}

它会使用之前介绍的createRequest函数初始化一个XMLHttpRequest对象,并且将它发送到服务器,请求文件。

最后就是callback函数了:

程序代码

代码如下:

function callback(){

var xmlDoc = ;

var root = (\)];

var nodes = ("");

var currentNode = null;

var username = (\).value;

for(var i = 0; i ; i++) {

currentNode = nodes[i];

if(username == ){

(\) = 对不起!+username+已经被注册。;

return;

}

}

(\) = 用户名 + username +可以使用!;

}

callback函数在已经存在的用户名搜索当前用户输入的名字,判断是否已经存在。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。