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

相关推荐

vue3 访问通义千问聊天代码例子

vue3 访问通义千问聊天代码例子

基于Python的Flask-vue基于Hadoop的智慧校园数据共享平台实现源码-演示视频.zip

基于Python的Flask-vue基于Hadoop的智慧校园数据共享平台实现源码-演示视频 项目关键技术 开发工具：Pycharm 编程语言: python 数据库: MySQL5.7+ 后端技术：Flask 前端技术：HTML 关键技术：HTML、MYSQL、Python 数据库工具：Navicat、SQLyog

C#调用Ni板卡进行实现采集任务(模拟量输入输出)示例1

【实验1】：读取一次AI0通道数值 【实验2】：一次读取AI0通道多个数值 【实验3】：单次模拟量输出 【实验4】：连续模拟量输出（输出一个正弦曲线）

无人船的Smith-PID跟踪控制方法研究及实现：融合传统与最优PID策略的LOS曲线跟踪资料,基于无人船Smith-PID改进

无人船的Smith-PID跟踪控制方法研究及实现：融合传统与最优PID策略的LOS曲线跟踪资料,基于无人船Smith-PID改进跟踪控制技术及其LOS曲线跟踪方法研究资料,基于无人船的smith-pid跟踪控制资料。 首先，针对pid进行了改进，有传统pid，最优pid和基于smith的pid三种控制方式。 然后还在smithpid基础上设计了LOS的曲线跟踪方法。 （有对应参考文献）。 有意者可直接联系，参考学习资料。 python语言。 ,基于无人船的Smith-PID跟踪控制; PID改进(传统PID、最优PID、基于Smith的PID); Smith-PID曲线跟踪方法; 参考学习资料; Python语言。,基于无人船的Smith-PID优化跟踪控制资料

自研船舶电力推进系统MATLAB仿真报告：从柴油机+同步发电机到异步电机直接转矩控制的全面模拟与实践,船舶电力推进系统自搭MATLAB仿真报告：从柴油机同步发电机到异步电机直接转矩控制的完整过程与参

自研船舶电力推进系统MATLAB仿真报告：从柴油机+同步发电机到异步电机直接转矩控制的全面模拟与实践,《船舶电力推进系统自搭MATLAB仿真报告：从柴油机同步发电机到异步电机直接转矩控制的完整过程与参数配置详解》,自己搭建的船舶电力推进系统（船舶电力推进自动控制）完全自搭MATLAB仿真，可适度，含对应27页正文的中文报告，稀缺资源，仿真包括船舶电站，变流系统和异步电机直接转矩控制，放心用吧。 三个文件逐层递进 柴油机+同步发电机（船舶电站） 柴油机+同步发电机+不控整流全桥逆变 柴油机+同步发电机+变流模块+异步电机直接转矩控制 所有参数都是配好的，最大负载参考变流系统所带负载两倍，再大柴油机和同步发电机参数就不匹配了，有能力可以自己调 ,核心关键词：船舶电力推进系统; MATLAB仿真; 船舶电站; 变流系统; 异步电机直接转矩控制; 柴油机; 同步发电机; 不控整流全桥逆变; 参数配比。,《船舶电力推进系统MATLAB仿真报告》

西门子博图WinCC V15自动化系统项目实战：多服务器客户端下的PID DCS闭环控制及参数调整实战指南,西门子博图WinCC V15自动化系统项目实战：多服务器客户端下的PID DCS闭环控制及参

西门子博图WinCC V15自动化系统项目实战：多服务器客户端下的PID DCS闭环控制及参数调整实战指南,西门子博图WinCC V15自动化系统项目实战：多服务器客户端下的PID DCS闭环控制及参数调整实战指南,西门子博图WinCC V 15大型自动化系统项目，包含多台服务器客户端项目，系统采用安全1516F -3PN DP 外挂多台精智面板，1200PLC ET200SP 变频器 对整个工艺过程PID DCS 闭环过程控制，如何调整温度压力流量液位等参数，实用工程项目案例 ,西门子博图WinCC V 15; 大型自动化系统; 多台服务器客户端; 安全外挂; 精智面板; 1200PLC ET200SP; 变频器; PID DCS; 闭环过程控制; 温度压力流量液位调整; 工程项目案例,西门子博图WinCC V15大型项目：多服务器客户端的PID DCS闭环控制与实用参数调整

计算机网络资源全解析: 硬件、软件、协议及安全机制详解与应用

内容概要：本文详尽介绍了计算机网络相关资源及其各方面构成要素，首先阐述了硬件层面的各种传输媒介和设备如双绞线、同轴电缆、光纤以及台式电脑、笔记本、大型计算机等设备，还包括网络互联所需的各类组件如网卡、交换机、路由器等。其次探讨了多种操作系统的特性和主要功能，以及各类通讯和支持应用程序的概述，涵盖浏览器、图像和视频编辑等常用软件。再深入讨论了多种常见网络协议如TCP、UDP、HTTP等的功能特性。最后还提到了确保网络安全运行的重要措施和工具如MIB、SNMP以及防火墙、入侵检测系统等。并且简要提到计算机网络在不同的应用环境，从局域网到移动网络。 适合人群：所有对计算机网络技术感兴趣的初学者和希望深入了解各个组成成分的技术人员. 使用场景及目标：为用户提供计算机网络资源全面而系统的认识，帮助他们建立对于该领域的理论和技术的扎实认知基础，提高在实际环境中识别配置及维护计算机网络系统的能力.

【GPS北斗定位】基于matlab卡尔曼滤波KF北斗GPS单模和双模定位比较【含Matlab源码 10974期】.mp4

海神之光上传的视频是由对应的完整代码运行得来的，完整代码皆可运行，亲测可用，适合小白； 1、从视频里可见完整代码的内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

ABAQUS中隧道结构模型的无限元应用：超声激励源的施加方法、3D无限元吸收边界的添加技巧、模型结果精确性校核流程及教学视频与CAE、INP文件解析,ABAQUS隧道模型中3D无限元吸收边界的应用：超

ABAQUS中隧道结构模型的无限元应用：超声激励源的施加方法、3D无限元吸收边界的添加技巧、模型结果精确性校核流程及教学视频与CAE、INP文件解析,ABAQUS隧道模型中3D无限元吸收边界的应用：超声激励源的施加与模型结果精确性校核的实践教程,ABAQUS无限元吸收边界，abaqus隧道无限元，1.超声激励源施加;2.3D无限元吸收边界添加方法；3.模型结果精确性校核；4.提供教学视频，cae、inp文件。 ,ABAQUS无限元吸收边界；ABAQUS隧道无限元；超声激励源施加；3D无限元吸收边界添加；模型结果精确性校核；CAE和INP文件。,ABAQUS中超声激励下无限元吸收边界设置及模型精度验证教程

【SLAM】基于matlab扩展卡尔曼滤波器EKF同步定位与建图SLAM【含Matlab源码 10978期】复现.mp4

海神之光上传的视频是由对应的完整代码运行得来的，完整代码皆可运行，亲测可用，适合小白； 1、从视频里可见完整代码的内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作

git自用lllllllllllllllllll

git自用lllllllllllllllllll

【Django小白项目】参照本，包含python、HTML、Django

本资源与文章【Django小白项目】为一体，此为已成功项目，供给给Django初学者做参考，有不会的问题可以私信我噢~

C++矩阵运算库matrix

使用一维数据表示向量和二维矩阵，支持常用运算。

基于STM32的宠物自动喂食器系统设计.pdf

1、以上文章可用于参考，请勿直接抄袭，学习、当作参考文献可以，主张借鉴学习 2、资源本身不含 对应项目代码，如需完整项目源码，请私信博主获取

基于多目标粒子群优化算法（MOPSO）的微电网多目标经济运行分析与优化策略考虑响应侧响应的协同调度策略,基于多目标粒子群优化算法（MOPSO）的微电网经济调度优化：含风光储荷一体化模型与需求侧响应策略

基于多目标粒子群优化算法（MOPSO）的微电网多目标经济运行分析与优化策略考虑响应侧响应的协同调度策略,基于多目标粒子群优化算法（MOPSO）的微电网经济调度优化：含风光储荷一体化模型与需求侧响应策略,考虑需求侧响应的微电网多目标经济运行 建立了含风光储荷的微电网模型，以发电侧成本(包括风光储以及电网的购电成本)和负荷侧成本最小为目标，考虑功率平衡以及储能SOC约束，建立了多目标优化模型，通过分时电价引导负荷需求侧响应，得到可削减负荷量，同时求解模型，得到风光储以及电网的运行计划。 这段代码是一个使用多目标粒子群优化算法（MOPSO）解决问题的程序。下面我将对程序进行详细的分析和解释。 首先，程序的目标是通过优化算法来解决一个多目标优化问题。程序中使用的优化算法是多目标粒子群优化算法（MOPSO），该算法通过迭代更新粒子的位置和速度来搜索最优解。 程序的主要功能是对能源系统进行优化调度，包括光伏发电、风力发电、储能和电网供电。程序的目标是最小化能源系统的成本，并满足负荷需求。 程序的主要思路是使用粒子群优化算法来搜索最优解。程序中定义了一个粒子类（Particle），每个粒子代

data.gov.sg geojson部分项目整理

data.gov.sg geojson部分项目整理

基于MATLAB Simulink的避障功能欠驱动无人船航迹跟踪控制仿真实验研究,基于MATLAB Simulink的欠驱动无人船避障功能路径跟踪控制仿真实验研究,包含避障功能的欠驱动无人船航迹（路径

基于MATLAB Simulink的避障功能欠驱动无人船航迹跟踪控制仿真实验研究,基于MATLAB Simulink的欠驱动无人船避障功能路径跟踪控制仿真实验研究,包含避障功能的欠驱动无人船航迹（路径）跟踪控制仿真实验，基于MATLAB Simulink制作 ,避障功能; 欠驱动无人船; 航迹（路径）跟踪控制; MATLAB Simulink 仿真实验; 避障算法。,基于MATLAB Simulink的避障无人船航迹跟踪控制仿真实验

【车间调度】基于matlab樽海鞘算法求解带小车的车间调度AGV-fjsp问题【含Matlab源码 3283期】.mp4

海神之光上传的视频是由对应的完整代码运行得来的，完整代码皆可运行，亲测可用，适合小白； 1、从视频里可见完整代码的内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作