Linux中国 Linux中国门户站!
设为主页 设为主页
收藏本站 收藏本站
 
当前位置 :首页 ->网站设计 ->AJAX教程 ->正文

Ajax应用(jsp例子)

来源:Linux-cn.com 作者:Webmaster 时间:2007-04-24 点击: [收藏] [投稿]
#e# 

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

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

这里用的是struts

<%@ 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



 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<



上一篇:如何学习AJAX   下一篇:Ajax的错误处理机制探讨

文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论
更多相关文章
Power by linux-cn.com 粤ICP备05006655号