prototype Ajax+Servlet(附Demo)

最新推荐文章于 2022-09-11 10:51:06 发布

dingh69

最新推荐文章于 2022-09-11 10:51:06 发布

阅读量146

点赞数

分类专栏： ajax 文章标签： Servlet prototype Ajax Java JSP

ajax 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

建立Test WEB工程
prototype.js 位置 WebContent/js/prototype.js
创建test2.jsp 位置 WebContent/test/test2.jsp


<%@ page language="java" contentType="text/html; charset=GBK"
	pageEncoding="GBK"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<title>Insert title here</title>
<script src="js/prototype.js" type="text/javascript"></script>
</head>

<script language="javascript">

    var vXHR;

    function createXHR()
    {


        try
        {
            vXHR = new ActiveXObject("Microsoft.XMLHTTP");

        }
        catch (e)
        {
            try
            {
                vXHR = new ActiveXObject("MSXML2.XMLHTTP");

            }
            catch (e)
            {
                vXHR = false;
            }
        }
        if (!vXHR && typeof XMLHttpRequest != 'undefined')
        {
            vXHR = new XMLHttpRequest();

        }
        return vXHR;
    }

    function getInfo()
    {
        createXHR();
        var textValue = document.getElementById("text1").value;
        var vUrl = "/Test/prototypeservlet?test=" + textValue;

        vXHR.open("get", vUrl, true);
        vXHR.send(null);
        vXHR.onreadystatechange = infoBack;

    }

    function infoBack()
    {
        if (vXHR.readyState == 4)
        {
            if (vXHR.status == 200)
            {
                var s = vXHR.responseText;
                document.getElementById("text1").value = s;
            }
        }
    }
</script>
<body>
<input type="text" id="text1" name="text" />
<input type="button" id="button1" name="button" value="点击"
	onclick="getInfo();" />
</body>
</html>

创建 PrototypeServlet.java 位置 com.test.servlet


package com.test.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 PrototypeServlet extends HttpServlet
{

    /**
     * 
     */
    private static final long serialVersionUID = 1L;

    public void init() throws ServletException 
    {

        System.out.println("hello");
    }

    public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException
    {
        String textValue = request.getParameter("test");
        System.out.println("textValue="+textValue);
        PrintWriter out = null;
        try
        {
            out = response.getWriter();
        }
        catch (IOException e)
        {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        out.print("hello:"+textValue);

    }

    public void doPost(HttpServletRequest request,HttpServletResponse response) throws ServletException
    {
        doGet(request, response);
    }

}

web.xml配置


<servlet>
		<servlet-name>PrototypeServlet</servlet-name>
		<servlet-class>com.test.servlet.PrototypeServlet</servlet-class>
		<init-param>
			<param-name>debug</param-name>
			<param-value>true</param-value>
		</init-param>
	</servlet>

	<servlet-mapping>
		<servlet-name>PrototypeServlet</servlet-name>
		<url-pattern>/prototypeservlet/*</url-pattern>
	</servlet-mapping>

dingh69

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
prototype Ajax+Servlet(附Demo)

建立Test WEB工程 prototype.js 位置 WebContent/js/prototype.js创建test2.jsp 位置 WebContent/test/test2.jsp[code="java"]Insert title here var vXHR; function createXHR() ...
复制链接

扫一扫