Ajax入门

转载 2007年09月22日 17:41:00

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <TITLE>Ajax验证用户名是否存在例子</TITLE>
  <script>
 
  //设一个变量
 
  var XMLHttpReq=false;
   //创建一个XMLHttpRequest对象
   function createXMLHttpRequest(){
     if(window.XMLHttpRequest){ //Mozilla
      XMLHttpReq=new XMLHttpRequest();
      }
      else if(window.ActiveXObject){
       try{
        XMLHttpReq=new ActiveXObject("Msxml2.XMLHTTP");
        }catch(e){
         try{
          XMLHttpReq=new ActiveXObject("Microsoft.XMLHTTP");
          }catch(e){}
          }
         }
        }
   //发送请求函数
   function send(url){
    createXMLHttpRequest();
    XMLHttpReq.open("get",url,true);
    XMLHttpReq.onreadystatechange=proce;   //指定响应的函数
    XMLHttpReq.send(null);  //发送请求
    }
   function proce(){
    if(XMLHttpReq.readyState==4){ //对象状态
     if(XMLHttpReq.status==200){//信息已成功返回,开始处理信息   
                 <!--测试读取xml开始-->
     var root=XMLHttpReq.responseXML;
     var res=root.getElementsByTagName("content")[0].firstChild.data;
     window.alert(res);
      <!--测试读取xml结束-->  
     //var xmlReturn = XMLHttpReq.responseText;
     //window.alert(xmlReturn);
     }else{
      window.alert("所请求的页面有异常");
      }
      }
      }
   //身份验证
   function check(){
    var name=document.getElementById("name").value;
    
     if(name==""){
      alert("请输入姓名!");
      return false;
      }
      else{
       //send('login?name='+name); 
       document.getElementById("load").style.display='';   
       send('login.do?name='+name);
       document.getElementById("load").style.display='none';         
       }
      }
     
   </script>
  </head>
 
  <body>
  <form action="login" method="post">
   <table>
       <tr><td>姓名:&nbsp;<input id="name" type="text" name="name"/><p>
        <div id=load style="display:none; position:absolute;right:0px;top:0px;background:#FF5B5B;border:1px solid">正在验证用户名,请稍后……</div><p>
          <input type="button" value="检测!" onClick="check()"/>
       </td>
      </tr>
      </table>
      </form>
  </body>
</html>

 

structs-config配置:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "
http://struts.apache.org/dtds/struts-config_1_2.dtd">

<struts-config>
  <data-sources />
  <form-beans >
    <form-bean name="loginForm" type="org.viman.struts.form.LoginForm" />

  </form-beans>

  <global-exceptions />
  <global-forwards />
  <action-mappings >
    <action
      attribute="loginForm"
      input="/login.jsp"
      name="loginForm"
      path="/login"
      scope="request"
      type="org.viman.struts.action.LoginAction" />

  </action-mappings>

  <message-resources parameter="org.viman.struts.ApplicationResources" />
</struts-config>

 

action实现(LoginAction.java):

package org.viman.struts.action;

import java.io.UnsupportedEncodingException;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.viman.struts.form.LoginForm;

/**
 * MyEclipse Struts
 * Creation date: 01-06-2007
 *
 * XDoclet definition:
 * @struts.action path="/login" name="loginForm" input="/login.jsp" scope="request" validate="true"
 */
public class LoginAction extends Action {
 /*
  * Generated Methods
  */

 /**
  * Method execute
  * @param mapping
  * @param form
  * @param request
  * @param response
  * @return ActionForward
  */
 public ActionForward execute(ActionMapping mapping, ActionForm form,
   HttpServletRequest request, HttpServletResponse response) {
  //LoginForm loginForm = (LoginForm) form;// TODO Auto-generated method stub
  try {
      request.setCharacterEncoding("gb2312");
     } catch (UnsupportedEncodingException e) {
      e.printStackTrace();
     }
     try{
      String msgStr="";
      response.setContentType("text/xml;charset=GB2312");
      response.setHeader("Cache-Control","no-cache");
      String name=(String)request.getParameter("name");
      System.out.println("name = "+name);
      if("gong".equals(name)){ //找查数据库中有无该用户名
      msgStr ="对不起,此用户名已经存在,请更换用户名注册!";
      }else{
      msgStr ="用户未被注册,可以使用!";
      }
      response.getWriter().println("<?xml version='1.0' encoding='GB2312' ?>");
      response.getWriter().println("<root>");
      response.getWriter().println("<content>");
      response.getWriter().print(msgStr);
      response.getWriter().println("</content>");
      response.getWriter().println("</root>");
      response.getWriter().close();
      }catch(Exception ex){

      } 
     return null;


 }

 

HBuilder 入门(5) / 编写一个登录页面 - Ajax交互

上一篇分享了如何进行页面的设计,接下来我们该完成客户端与服务器的交互的部分了。正如上一篇所说,这种交互我们使用的是AJAX方式,页面不会因为刷新而现实大白页。     交互这部分可以分成两个部分...

ECharts图表组件中级入门篇:如何通过Ajax异步获取图表数据赋值于图表并渲染呈现

http://www.stepday.com/topic/?906     [摘要]: 最近不要ECharts图表使用者的初学者均在询问如何通过ajax异步获取数据,动态赋值给echa...
  • kouwoo
  • kouwoo
  • 2015年03月17日 14:01
  • 13396

Ajax框架之DWR学习(简单入门案例)-yellowcong

DWR是一个AJAX的框架,可以实现通过js来调用java代码 的操作,这个东西我以前接触过,但是没有用来做过项目...

React入门笔记(二):组件和AJAX

React入门笔记(一):简介和JSX

ajax图片上传及FastDFS入门案例.

今天来开始写图片上传的功能, 现在的图片上传都讲求 上传完成后立刻回显且页面不刷新, 这里到底是怎么做的呢? 当然是借助于ajax了, 但是ajax又不能提交表单, 这里我们还要借助一个插件: jqu...

JS Ajax 请求实例详解(基础入门篇,以.NET MVC 为例)

本文主要简单介绍一下JS 的ajax请求,以及涉及到的跨域问题,配合简单的实例,让新手直接上手使用。另外,重点介绍一下,.NET MVC HTML 工具类 和 Ajax工具类的使用。(使用特别方便)J...

Ajax入门(与Java服务器交互)(三)——解析XML数据、使用级联下拉选择框

使用Ajax与后台服务器进行交互时,返回的数据并不是都是文本类型,也有xml类型、Jason类型等。 本篇文章主要讲解对返回的xml类型数据进行解析。 示例解析: 我们要做到示例是,有两个下拉选...
  • zyh5540
  • zyh5540
  • 2013年08月17日 19:15
  • 1115

ASP.NET MVC3入门教程之ajax交互

本文转载自:http://www.youarebug.com/forum.php?mod=viewthread&tid=100&extra=page%3D1 随着web技术的不断发展与进步,在web...

Ajax入门实例----HelloWorld附源码详细注释

Ajax是什么? Asynchronous Javascript And Xml. 异步的Javascript和Xml。 Ajax是一种在网络应用中实现异步通讯和数据交换的技术。 A...

爬虫入门(四) ajax网页的爬取

ajax网页的爬取看完1,2,3的教程其实呢一些简单结构的网站基本都能爬取了,然而在现在网页页面资源越来越丰富的趋势下,每次一刷新就把整个网页给你重新加载已经是out的做法了,而你可能也会忍受不了它的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Ajax入门
举报原因:
原因补充:

(最多只允许输入30个字)