AJAX基础教程－4 GetAndPostExample

java 代码

package ajax.foundations_of_ajax;

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 GetAndPostExample extends HttpServlet {
    protected void processRequest(HttpServletRequest request,
            HttpServletResponse response, String method)
            throws ServletException, IOException {
        // Set content type of the response to text/xml
        response.setContentType("text/html");
        // Get the user's input
        String firstName = request.getParameter("firstName");
        String middleName = request.getParameter("middleName");
        String birthday = request.getParameter("birthday");

        // Create the response text
        String responseText = "Hello " + firstName + " " + middleName
                + ". Your birthday is " + birthday + "." + " [Method: "
                + method + "]";
        // Write the response back to the browser
        PrintWriter out = response.getWriter();
        out.println(responseText);
        // Close the writer
        out.close();
    }

    protected void doGet(HttpServletRequest request,
            HttpServletResponse response) throws ServletException, IOException {
        // Process the request in method processRequest
        processRequest(request, response, "GET");
    }

    protected void doPost(HttpServletRequest request,
            HttpServletResponse response) throws ServletException, IOException {
        // Process the request in method processRequest
        processRequest(request, response, "POST");
    }
}

js 代码

<script type="text/javascript">
var xmlHttp;
//创建xmlHttp对象
    function createXMLHttpRequest() {
        if (window.ActiveXObject) {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        else if (window.XMLHttpRequest) {
        xmlHttp = new XMLHttpRequest();
        }
    }

    function createQueryString() {
    var firstName = document.getElementById("firstName").value;
    var middleName = document.getElementById("middleName").value;
    var birthday = document.getElementById("birthday").value;
    var queryString = "firstName=" + firstName + "&middleName=" + middleName
    + "&birthday=" + birthday;
    return queryString;
    }

    function doRequestUsingGET() {
        createXMLHttpRequest();
        var queryString = "GetAndPostExample?";
        queryString = queryString + createQueryString()
        + "&timeStamp=" + new Date().getTime();
        alert (queryString);
        xmlHttp.onreadystatechange = handleStateChange;
        xmlHttp.open("GET", queryString, true);
        xmlHttp.send(null);
    }

    function doRequestUsingPOST() {
        createXMLHttpRequest();
        var url = "GetAndPostExample?timeStamp=" + new Date().getTime();
        var queryString = createQueryString();
        alert (url);
        xmlHttp.open("POST", url, true);
        xmlHttp.onreadystatechange = handleStateChange;
        xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
        xmlHttp.send(queryString);
    }

function handleStateChange() {
    if(xmlHttp.readyState == 4) {
        if(xmlHttp.status == 200) {
            parseResults();
        }
    }
}

    function parseResults() {
        var responseDiv = document.getElementById("serverResponse");
        if(responseDiv.hasChildNodes()) {
        responseDiv.removeChild(responseDiv.childNodes[0]);
    }
    var responseText = document.createTextNode(xmlHttp.responseText);
    responseDiv.appendChild(responseText);
    }
</script>

• GetAndPostExample.rar (1.7 KB)
• 下载次数: 25

分享到：

AJAX基础教程－5 Ajax Validate | AJAX基础教程－3 Dynamic Content

• 2007-02-10 17:27
• 浏览 1460
• 评论(0)
• 查看更多

相关推荐

AJAX基础教程－5 Ajax Validate

**标题：“AJAX基础教程－5 Ajax Validate”** 在学习Web开发时，AJAX（Asynchronous JavaScript and XML）技术是一个重要的组成部分，它允许我们在不刷新整个页面的情况下与服务器进行交互，提升用户体验。本教程...

AJAX视频教程-冯威和源程序代码 ppt

AJAX视频教程-冯威和源程序代码 ppt 里面既有视频 也有源代码，需要的可以下载看看，绝不骗人，我分享的是百度云链接，不会失效

AJAX基础教程－9 AutoComplete

**AJAX基础教程－9 AutoComplete** 在Web开发中，AJAX（Asynchronous JavaScript and XML）技术被广泛用于实现页面的无刷新更新，提供更好的用户体验。本教程将聚焦于一个常见的应用场景——AutoComplete功能，它...

AJAX基础教程－6 Dynamic List

**AJAX基础教程－6 Dynamic List** 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种不刷新整个页面即可更新部分网页内容的技术。在本教程中，我们将深入探讨如何利用AJAX实现动态列表（Dynamic List）...

AJAX基础教程-AJAX编程(Javascript实现).rar

- **Ajax基础教程(做为字典最好了).chm**：这可能是一个关于AJAX基础的离线帮助文档，详细解释了AJAX的基本概念和技术点。 - **ajax教程.chm**：另一个AJAX教程，可能包含更多的示例和实践指导。 - **AJAX教程(威...

AJAX基础教程－3 Dynamic Content

**AJAX基础教程 - 3 Dynamic Content** 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种在不重新加载整个网页的情况下更新部分网页内容的技术。动态内容是AJAX的核心应用之一，它允许用户与页面进行...

AJAX基础教程－7 AutoRefresh Page

**标题解析：** "AJAX基础教程－7 AutoRefresh Page" 指的是一个关于使用AJAX技术实现页面自动刷新的教程。AJAX (Asynchronous JavaScript and XML) 是一种在无需重新加载整个网页的情况下更新部分网页内容的技术。...

AJAX基础教程－8 Tool Tips

**AJAX基础教程－8 Tool Tips** 在Web开发中，AJAX（Asynchronous JavaScript and XML）是一种不刷新整个页面即可更新部分网页内容的技术。在AJAX的帮助下，我们可以创建交互性更强、用户体验更好的Web应用程序。本...

Ajax 基础教程---第二部分压缩文件

一本不错的ajax基础书籍。

Ajax 基础教程---第一部分压缩文件

一本不错的ajax基础书籍。

Ajax 基础教程---第三部分压缩文件

一本不错的ajax基础书籍。

Ajax 基础教程---第五部分压缩文件

一本不错的ajax基础书籍。

Ajax 基础教程---第四部分压缩文件

一本不错的ajax基础书籍。