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
• 浏览 1417
• 评论(0)
• 查看更多

相关推荐

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

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

AJAX培训教程--适合入门级

AJAX培训教程--适合入门级，AJAX培训教程--适合入门级，AJAX培训教程--适合入门级，AJAX培训教程--适合入门级

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

一本不错的ajax基础书籍。

Ajax.基础教程-2

Ajax.基础教程-2

Ajax.基础教程-3

Ajax.基础教程-3

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

一本不错的ajax基础书籍。

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

一本不错的ajax基础书籍。

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

一本不错的ajax基础书籍。

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

一本不错的ajax基础书籍。

ajax基础3-4

ajax基础教程3-4

AJAX基础教程－9 AutoComplete

博文链接：https://wangtong40.iteye.com/blog/54388

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

最全的《AJAX基础教程》 就在这里 AJAX编程(Javascript实现).rar 童叟无欺 货真价实

jboss-ajax4jsf-1.1.1-src

jboss-ajax4jsf-1.1.1-src 具体自己看吧

AJAX基础教程－5 Ajax Validate

博文链接：https://wangtong40.iteye.com/blog/54201

AJAX基础--讲义

AJAX基础--讲义