ajax验证用户名是否可用


 Ajax很简单(jsp例子)

    首先是jsp页面和脚本,为了方便写在一个里面

    这是一个很常见的检测用户名是否存在的功能

    这里用的是struts ,可以在路径path中加加上要传的值name 在action中连接数据库 验证是否存在

    --------------------------------------------------------------------------------

   

<%@ page contentType="text/html; charset=GBK" %>

    <html>

    <head>

    <title>

    ajax

    </title>

    </head>

    <body bgcolor="#ffffff">

    <h1>

    <input name="username" type="text" maxlength="20" />

    <input id="chk-name-btn" type="button" value="检测帐号" onclick="testName(’<%=request.getContextPath()%>’)" />

    <div id="view_name"></div>

    </h1>

    </body>

    </html>

    <script language="javascript">

       if (window.ActiveXObject && !window.XMLHttpRequest) {

           window.XMLHttpRequest=function() {

           return new ActiveXObject((navigator.userAgent.toLowerCase().indexOf(’msie 5’) != -1) ? ’Microsoft.XMLHTTP’ : ’Msxml2.XMLHTTP’);

        };

       }//取得XMLHttpRequest对象

    function testName(path){

    //path是取得系统路径

                     var view_name=document.getElementById("view_name");

           var req=new XMLHttpRequest();

 if (req) {

               req.onreadystatechange=function() {

                if (req.readyState==4 && req.status==200) {//判断状态,4是已发送,200已完成

                      if(req.responseText==0){

                      view_name.style.color=’green’;

                     view_name.innerHTML=’该用户名可以正常使用’;

                      }else if(req.responseText==1){

                     view_name.style.color=’red’;

                        view_name.innerHTML=’该用户名已经被使用’;

                            }else{

                          view_name.style.color=’red’;

                          view_name.innerHTML=’该用户名含有非法字符!’;

                          }

                      }

              }

                             req.open(’POST’, path+’/ajax.do’);//struts

                            //req.open(’POST’, path+’/ajax.servlet’);//servlet

                             //req.open(’POST’, path+’/ajax.action’);//webwork

                               req.setRequestHeader(’Content-Type’, ’application/x-www-form-urlencoded’);

                               req.send("");//发送参数如果有参数req.send("username="+user_name);用request取得

           }

    }

    </script>

    这个jsp页面并没有取得用户名,就是演示一下。还有<div>可以换span,具体作用问美工吧。

  

本文作者:



相关阅读:
初品cakephp 入门基础
XHTML CSS写出正规的BLOG
基于jquery的滚动新闻列表
关于Linux系统主机维护vmstat命令的介绍
Javascript玩转继承(三)
PHP实时显示输出
不卸载旧版 直接安装Windows XP SP3
DataGridView自动调整行高和行宽
七嘴八舌 Linux系统的优势到底在哪里?
JavaScript实现网页图片等比例缩放效果
Windows 2000/XP系统文件受损的修复方法
HTML的一些关于颜色方面的参考
推荐Windows7下兼容性强用户体验好的播放器软件
Vista侧边栏RSS订阅实时更新
快速导航

Copyright © 2016 phpStudy |