一个简单ajax实例,初学者可以了解

来源:互联网 发布:淘宝卖家能否取消订单 编辑:程序博客网 时间:2024/04/29 08:47

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
  </head>
  <script language="javascript">
  var xmlHttp=false;
  function createXMLHttpRequest(){
    try{
     // Firefox, Opera 8.0+, Safari
     xmlHttp=new XMLHttpRequest();
 }catch (e){
     // Internet Explorer
  try{
         xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
     }catch (e){
   try{
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
         }catch (e){
             alert("您的浏览器不支持AJAX!");
             return false;
         }
     }
 }
  }
   function main()
   {//二、发送请求
       createXMLHttpRequest(); //创建XMLHttpRequest对象
       // ①准备数据  url:即请求的资源    method:请求的方式GET/POST(只使用GET)
       var url="/HerryWeb/TestServlet"    //请求的URL地址
   //②打开请求,装载数据
        xmlHttp.open("GET",url,true);
   // ③做好处理结果的准备
        xmlHttp.onreadystatechange=dowork; //使用onreadystatechange 指定处理函数
   // ④发送请求
        xmlHttp.send(null);
   }
 
  function dowork(){
      if(xmlHttp.readyState==4){
          alert("获得相应");
          var text=xmlHttp.responseText;
          alert(text);
      }
  }
  </script>
  <body onload="main()">
  5555555555
  </body>
</html>