ajax小练习，帮别人修改的一个小aj…

最新推荐文章于 2024-04-11 11:14:11 发布

非同_寻常

最新推荐文章于 2024-04-11 11:14:11 发布

阅读量749

点赞数

分类专栏： # J2EE--程序例子+笔试题文章标签： ajax jsp中ajax

本文链接：https://blog.csdn.net/ftxc_blog/article/details/12565809

版权

J2EE--程序例子+笔试题专栏收录该内容

8 篇文章 0 订阅

订阅专栏

ajax 小例子做个记号

页面1：
ajax.html

<!DOCTYPEhtml>
<html>
<head>
 <title>AJAX.html</title>
</head>
<script type="text/javascript">

function getResult(){
  var url ="ajaxServlet?action=send&time="+(newDate()).getTime();
  if (window.XMLHttpRequest){
   req = newXMLHttpRequest();
  }else if (window.ActiveXObject)
  {
   req = newActiveXObject("Microsoft.XMLHTTP");
  }
  if(req) 
  {
   req.open("GET",url,true);
   req.onreadystatechange =complete;
   req.send(null);
  }
}

function complete(){
  if (req.readyState == 4)
  {
   if (req.status == 200){
    var type =req.responseXML.getElementsByTagName_r("type_name");
    var str=newArray();
    for(vari=0;i<type.length;i++){
    str[i]=type[i].firstChild.data;
    alert(str[i]);
     document.getElementByIdx_x("ajaxTest").innerHTML=str[i]+"<BR>";
    }
   }
  }
}
</script>
<body >

  <table width="80%" border="0"cellspacing="0" cellpadding="0">
  <tr>
   <td id="td">
    ddddd
   </td>
   <td>
   <input type="button" value="ajaxTest"οnclick="getResult()">
   </td>
   <td>
         测试结果：
      <labelid="ajaxTest"></label>
   </td>
  </tr>
  </table>
</body>
</html>

页面2：
web.xml 配置servlet 跳转

 <?xmlversion="1.0" encoding="UTF-8"?>
<web-app version="3.0"
   xmlns="http://java.sun.com/xml/ns/javaee"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
   http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
 <display-name></display-name>
 
  <servlet>
   <description>This is the descriptionof my J2EEcomponent</description>
   <display-name>This is the displayname of my J2EEcomponent</display-name>
   <servlet-name>ajax</servlet-name>
   <servlet-class>ajaxServlet</servlet-class>
  </servlet>

 <servlet-mapping>
   <servlet-name>ajax</servlet-name>
   <url-pattern>/ajaxServlet</url-pattern>
 </servlet-mapping>
 
 <welcome-file-list>
   <welcome-file>AJAX.html</welcome-file>
 </welcome-file-list>
</web-app>

页面3：
后台对应的servlet 程序：

import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


public class ajaxServlet extends HttpServlet {

   
    privatestatic final long serialVersionUID = 1L;
   
   
    privatestatic final String CONTENT_TYPE = "text/xml;charset=gb2312";

   
    publicajaxServlet() {
      super();
    }

   
    public voiddestroy() {
      super.destroy(); // Just puts "destroy" string in log
       // Put yourcode here
    }

   
    public voiddoGet(HttpServletRequest request,HttpServletResponse response)throws ServletException, IOException
    {
      doPost(request,response);
    }


    public voiddoPost(HttpServletRequest request, HttpServletResponseresponse)
          throwsServletException, IOException {
 
        response.setContentType("text/xml;charset=gb2312");
        PrintWriter out = response.getWriter();
        String action =request.getParameter("action");
        System.out.println("后台执行ajax"+action);
        if (("send").equals(action))
        {
          
         StringBuffer sb = newStringBuffer("");
         sb.append("AA");
         sb.append("BB");
         sb.append("CC");
         sb.append("DD");
         sb.append("");
        out.write(sb.toString());
         out.close();
        }
    }

   
    public voidinit() throws ServletException {
       // Put yourcode here
    }

}

非同_寻常

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax小练习，帮别人修改的一个小aj…

ajax 小例子做个记号页面1：ajax.html<!DOCTYPEhtml> AJAX.htmlfunction getResult(){ var url ="ajaxServlet?action=send&time="+(newDate()).getTime(); if (window.XMLHttpRequest){ req = newXML
复制链接

扫一扫