JavaScript配合ASP实现无刷新检查用户名是否存在
Js配合ASP实现无刷新更新数据,现在采用Ajax技术似乎成了“标准配置”,不管大网站、小网站、个人站大部分都Ajax交互设计,操作起来的确方便多了。今天就给大家发一个简单的ajax无刷新检测用户是否存在的例子,方法如下:
1、新建一个CheckUser.asp文件,代码如下:
u_name=Request.QueryString("u_name") if u_name 存在 then Response.write "0" else Response.write "1" end if
2、JavaScript部分,代码如下:
<script language=javascript> function check_user_exists(form){ u_name=form.u_name.value; if (u_name==null||u_name==''){ alert("请输入用户名"); return false; } infoBoard=document.getElementById("checkInfo"); infoBoard.innerText='正在执行查询……'; myurl=location.protocol+"//"+location.hostname+"/CheckUser.asp?u_name="+u_name; retCode=openUrl(myurl); switch(retCode){ case "-2": infoBoard.innerHTML='对不起,查询失败';break; case "1": infoBoard.innerHTML='恭喜,'+u_name+'可以注册';break; case "0": infoBoard.innerHTML='对不起,用户名'+u_name+'已被占用'; } return; } function openurl(url){ var objxml=new ActiveXObject("Microsoft.XMLHttp") objxml.open("GET",url,false); objxml.send(); retInfo=objxml.responseText; if (objxml.status=="200"){ return retInfo; } else{ return "-2"; } } </script>
3、查询表单部分,代码如下:
<form name=form1 action="x.asp" method="post"> <input type=text name=u_name>< span id="checkInfo"></span>< input type=button name=checkuser value="检测用户名" onClick="check_user_exists(this.form);"> </form>
保存上述代码,在ASP中测试吧,一个简单的Ajax判断用户名的功能就这样实现了。
一、推荐使用迅雷或快车等多线程下载软件下载本站资源。
二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。
三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!
四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.
五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。
六、如需转载本站资源,请注明转载来自并附带链接
七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com
大家评论
站长推荐
点击排行
- 1CSS控制文字在Div最底部显示
- 2Thinkphp5如何配置IP+端口访问项目模块
- 3elementUI el-dialog弹框居中
- 4教你如何搭建及优化站点
- 5国内互联网视频行业运营分析
- 6service mysql start出错,mysql不能启动,解决mysql: unrecognized service错误
- 7CSS实现悬浮顶部的Div工具栏
- 8记一次Thinkphp5.1框架mysql数据库崩溃(SQLSTATE [08004] Too many connections)
- 9连接SQL Server数据库提示:Login failed for user 'sa'错误的解决方案
- 10Thinkphp3.2在centos7上设置计划任务的方法