Ajax获取响应的纯文本

 代码:

 GetStudentServlet.java

package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class GetStudentServlet extends HttpServlet {
	private static final long serialVersionUID = 1L;
    public GetStudentServlet() {
        super();
        // TODO Auto-generated constructor stub
    }
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		response.setCharacterEncoding("UTF-8");
		response.setContentType("text/xml");
		PrintWriter out=response.getWriter();
		out.println("<?xml version=\"1.0\" encoding=\"UTF-8\"?>");
		out.println("<students>");
		out.println("<student id=\"123\">");
		out.println("<name>张三</name>");
		out.println("</student>");
		out.println("</students>");
	}
	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		doGet(request, response);
	}

}

responseText.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用responText属性获取纯文本</title>
</head>
<body>
  <script type="text/javascript">
    function  getXMLHTTPRequest() {
		var xRequest=null;
		if(window.XMLHttpRequest){
			xRequest=new XMLHttpRequest();
		}
		else if(window.ActiveXObject){
			xRequest=new ActiveXObject("Microsoft.XMLHTTP");
		}
		return xRequest;
	}
    
    function sendRequest(req,url,params,HttpMethod) {
		if(!HttpMethod){
			HttpMethod="POST";
		}
		if(req){
			req.open(HttpMethod,url,true);
			req.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
			req.send(params);
		}
	}
    
    //创建与浏览器兼容的XMLHttpRequest对象
    var xmlhttp=getXMLHTTPRequest();
    
    xmlhttp.onreadystatechange=function(){
    	if(xmlhttp.readyState==4){
    		if(xmlhttp.status==200){
    			alert(xmlhttp.responseText);//输出纯文本
    		}
    		else{
    			alert(xmlhttp.status);
    		}
    	}
    }
    
    sendRequest(xmlhttp,"GetStudentServlet",null,"get");
    
  </script>
</body>
</html>

截图:


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
PHP+Ajax网站开发典型实例.。。 第1章 PHP基础实例 实例1 构建PHP运行环境 实例2 “你好,PHP”实例 实例3 中文时间显示实例 实例4 删除字符串中的空白 实例5 字符串反转 实例6 字符串加密 实例7 检查日期的有效性 实例8 简单猜数游戏 实例9 验证信用卡号 实例10 计算两个数组并、交和差 实例11 数组排序 第2章 PHP文件实例 实例12 获取文件信息 实例13 文件写入并锁定 实例14 读取文件信息 实例15 随机提取文件行 实例16 获得磁盘剩余空间 实例17 搜索文件或文件夹 实例18 文件下载 实例19 文件上传 实例20 网页计数器 实例21 超级链接计数 第3章 数据库、XML实例 实例22 mysql类库完成MySQL数据库的添加、删除和修改 实例23 mysqli类库完成MySQL数据库的添加、删除和查询 实例24 获取服务器和系统信息 实例25 分页显示信息 实例26 使用PHP简单实现BBS程序 实例27 使用0DBC函数库完成数据库操作 实例28 使用DOM处理XML 第4章 会话实例 实例29 创建会话 实例30 使用数据库保存会话 实例31 使用文件统计在线人数 实例32 设置和获取Cookie参数 实例33 删除会话中已注册变量 实例34 数据编码 实例35 简单购物车 第5章 PEAR和正则表达式实例 实例36 PEAR管理器安装及PEAR包常见操作 实例37 HTML QuickForm完成表单验证 实例38 Calendar仓ll建日历 实例39 File Find搜索文件 实例40 HTTP Upload上传多个文件 实例41 Validate US验证电话号码 实例42 转换日期格式 实例43 用户注册验证 第6章 实现基本Ajax技术 实例44 Ajax测试实例 实例45 客户端解析普通字符串 实例46 客户端解析XML文件响应 实例47 客户端发送POST无参数请求 实例48 客户端发送带有参数请求 实例49 客户端以表格形式显示数据 实例50 服务器端自动生成XML文件 实例51 客户端以指定CSS样式显示数据 实例52 用户登录校验 实例53 页面自动刷新时间 实例54 实现新闻滚动播放 第7章 实现高级Ajax技术 实例 55创建工具提示 实例 56读取响应首部 实例 57动态加载列表框 实例 58显示进度条 实例 59数据无刷新写入文本文件 实例60 提供自动完成 实例61 实现级联菜单的设计 实例62 PHP+Ajax树状菜单 第8章 Ajax数据库操作 实例63 显示数据库系统信息 实例64 实现数据库常见操作 实例65 完成数据库多种查询显示 实例66 数据库记录自动提示 实例67 AjaX实现数据记录排序 实例68 局部动态更新数据 实例69 AjaX+PHP数据分页显示 实例70 指定CSS样式显示数据 实例71 JSON格式处理信息 第9章 Ajax时尚技术 实例72 根据邮编自动完成地址信息 实例73 AiaX+PHP域名查询 实例74 根据代码列出城市名 实例75 Ajax自动保存草稿 实例76 实时更新股价 实例77 相册程序 实例78 切换标签 实例79 创建RSS阅读器 实例80 基于prototype框架程序 实例81 基于xajax框架程序 第10章 Ajax实现综合实例 实例82 汇智在线留言板程序 实例83 汇智在线聊天室程序 实例84 汇智在线BBS论坛
Ajax 由 HTML、JavaScript™ 技术、DHTML 和 DOM 组成,这一杰出的方法可以将笨拙的 Web 界面转化成交互性的 Ajax 应用程序。本系列的作者是一位 Ajax 专家,他演示了这些技术如何协同工作 —— 从总体概述到细节的讨论 —— 使高效的 Web 开发成为现实。他还揭开了 Ajax 核心概念的神秘面纱,包括 XMLHttpRequest 对象。 五年前,如果不知道 XML,您就是一只无人重视的丑小鸭。十八个月前,Ruby 成了关注的中心,不知道 Ruby 的程序员只能坐冷板凳了。今天,如果想跟上最新的技术时尚,那您的目标就是 Ajax。 请访问 Ajax 技术资源中心,这是有关 Ajax 编程模型信息的一站式中心,包括很多文档、教程、论坛、blog、wiki 和新闻。任何新信息都能在这里找到。 但是,Ajax 不仅仅 是一种时尚,它是一种构建网站的强大方法,而且不像学习一种全新的语言那样困难。 目录 第 1 部分: Ajax 简介 3 1.1 老技术,新技巧 4 1.2 XMLHttpRequest 对象 4 1.3 获取 Request 对象 6 1.4 Ajax 世界中的请求/响应 8 1.5 连接 Web 表单 10 第 2 部分: 使用 JavaScript 和 Ajax 发出异步请求 11 1.1 XMLHttpRequest 简介 12 1.2 用 XMLHttpRequest 发送请求 18 1.3 处理服务器响应 22 第 3 部分: Ajax 中的高级请求和响应 28 1.1 深入了解 HTTP 就绪状态 29 1.2 显微镜下的响应数据 33 1.3 深入了解 HTTP 状态代码 36 1.4 其他请求类型 40 第 4 部分: 利用 DOM 进行 Web 响应 44 1.1 Web 程序员和标记 44 1.2 进一步了解 Web 浏览器 46 1.3 对象的值 49 1.4 DOM 简介 52 第 5 部分: 操纵 DOM 55 1.1 跨浏览器、跨语言 55 1.2 节点的概念 56 1.3 节点的属性 56 1.4 节点方法 58 1.5 API 设计问题 63 1.6 通用节点类型 63 1.7 文档节点 64 1.8 元素节点 64 1.9 属性节点 66 1.10 文本节点 67 1.11 什么节点类型? 67 第 6 部分: 建立基于 DOM 的 Web 应用程序 69 1.1 从一个示例应用程序开始 70 1.2 修改图片,麻烦的办法 74 1.3 替换图片,简单的办法 78 1.4 替换图片,(真正)简单的办法 80 1.5 事件处理程序 83 第 7 部分: 在请求和响应中使用 XML 85 1.6 XML:到底用没用? 85 1.7 使用 XML(真正) 86 1.8 从客户机到服务器的 XML 87 1.9 发送 XML:好还是不好? 91 第 8 部分:在请求和响应中使用 XML 92 1.1 服务器(有时)不能响应太多的请求 92 1.2 从服务器接收 XML 94 1.3 解释 XML 的其他可选方法 99 第 9 部分: 使用 Google Ajax Search API 100 1.1 使用公共 API 101 1.2 使用 Google Ajax Search API 的准备工作 101 1.3 Google 的 API 文档 104 1.4 最简单的 Google 搜索 Web 应用程序 104 1.5 Ajax 在哪里? 109 1.6 深度探索 Google 的 Ajax Search API 111 第 10 部分: 使用 JSON 进行数据传输 111 1.1 选择的意义 112 1.2 JSON 基础 113 1.3 在 JavaScript 中使用 JSON 114 第 11 部分: 借鉴最优秀的 Ajax 应用程序 117 1.1 Google 地图 117 1.2 TaDaList 119 1.3 Campfire 122 1.4 YourMinis 123 1.5 其他 Web 2.0 站点 126 第 11 部分:将 Ajax 带入 Eclipse 的 Ajax Toolkit Framework 的两个工具 127 1.1 Eclipse ATF 127 1.2 Dojo 128 1.3 Zimbra Ajax Toolkit 130 1.4 initiative 在前进 132 第 12 部分:面向 Java 开发人员的 Ajax: 构建动态的 Java 应用程序 133 1.5 更好的购物车 133 1.6 Ajax 往返过程 134 1.7 分派 XMLHttpRequest 135 1.8 servlet 请求处理 137 1.9 用 JavaScript 进行响应处理 139 1.10 使用 Ajax 的挑战 141 第 13 部分:面向 Java 开发人员的 Ajax: Ajax 的 Java 对象序列化 143 1.11 从 Java 类产生 XML 144 1.12 自行进行序列化 144 1.13 XML 绑定框架 146 1.14 页面模板系统 148 1.15 不用 XML 的响应数据 149 1.16 JavaScript 对象标注 150 1.17 比较序列化技术 153 第 14部分:面向 Java 开发人员的 Ajax 结合 Direct Web Remoting 使用 Ajax 154 1.1 DWR 是什么? 155 1.2 关于示例 155 1.3 实现目录 156 1.4 测试部署 157 1.5 调用远程对象 158 1.6 实现购物车 160 1.7 调用远程的 Cart 方法 163 1.8 DWR 的利弊 165 第 15部分:面向 Java 开发人员的 Ajax: 探索 Google Web Toolkit 166 1.1 从简单的开始 167 1.2 构建 Weather Reporter 应用程序 168 1.3 用 GWT Shell 进行客户端调试 174 1.4 与服务器端组件进行通信 175 1.5 从客户机调用服务 178 1.6 服务器端验证的需要 179 1.7 用 JSNI 调用本机 JavaScript 181 1.8 为什么使用 GWT? 183
jax概述 Ajax的定义 Web应用程序的解决方案 Ajax的工作方式 基于各种Web解决方案的Ajax技术选择路线 Ajax核心技术-XML XML与Ajax 文档类型定义及声明 XML名域 操纵和解析XML 选择合适的XML生成方式 XHTML与CSS XHTML、CSS与Ajax XHTML与CSS基础 XHTML语法约束 JavaScript JavaScript与Ajax JavaScript基本数据结构 JavaScript表达式和运算符 JavaScript的流程控制和函数 JavaScript的对象 窗口及输入输出 DOM DOM与Ajax DOM眼中的HTML文档——树 HTML文档的节点 使用DOM操作HTML文档 使用DOM操作XML文档 XMLHttpRequest对象 XMLHttpRequest对象与Ajax XMLHttpRequest对象的属性和方法 Ajax编程 如何使用Ajax 初始化对象 指定响应处理函数 发出http请求 处理服务器返回的信息 一个初步的Ajax开发框架 异常处理机制 中文乱码问题及其解决方案 使用responseText处理返回的普通文本信息 实战技巧:数据校验 实战技巧:级联菜单 实战技巧:条目内容 实战技巧:级联下拉列表 使用responseXML处理返回的XML信息 实战技巧:获取元对象数据 实战技巧:处理列表数据 实战技巧:处理级联的数据 实战技巧:保存更新数据 在普通文本和XML文档之间权衡 何时返回普通文本 何时返回XML文档 innerHTML的应用 案例研究:MSN Space MSN Space中的Ajax 持久化机制 实体类和服务类 初始化共享空间首页 固定链接 操作评论 引用通告 管理列表项 Ajax封装 封装客户端Ajax操作 自定义标签扩展现有的HTML控件 规范服务器的返回数据 客户端脚本与服务器端对象的交互 服务器端Ajax框架 DWR(Direct Web Remoting)简介 配置DWR运行环境 使用DWR直接访问Java业务逻辑 利用DWR实现常见的Ajax功能 DWR异常处理 DWR开发常见问题解决 和现有Web框架Struts的集成 和Hibernate框架的集成
### 回答1: 使用Ajax实现让txt文本在页面上弹出的步骤如下: 1. 在HTML页面中,首先需要有一个按钮或者触发事件的元素,用来触发Ajax请求。 2. 给该按钮或者触发事件的元素添加点击事件,当点击触发时,调用Ajax请求的函数。 3. 在Ajax请求的函数中,使用XMLHttpRequest对象创建一个新的请求。 4. 设定请求的方法和请求的URL,以及是否异步。 5. 当请求状态改变时(onreadystatechange事件触发),使用responseText属性获取服务器返回的数据。 6. 创建一个HTML元素(如div或者p标签)来弹出输入文本,将获取文本数据作为该元素的内容。 7. 将该HTML元素添加到页面的特定位置,使其在页面上弹出。 8. 如果需要,可以对弹出的输入文本进行样式设置,让它更加美观。 总结:使用Ajax可以通过异步请求获取服务器返回的txt文本数据,并将它以弹出的形式展示在页面上。以上述步骤为基本框架,可以根据具体需求进行修改和补充。 ### 回答2: 要实现ajax弹出输入文本,首先需要在页面上定义一个文本输入框和一个按钮。当用户点击按钮时,通过ajax请求将输入的文本发送到服务器端进行处理,并将服务器返回的结果显示在页面上。 具体步骤如下: 1. 在页面上定义一个文本输入框和一个按钮,用于用户输入文本和触发ajax请求。 2. 使用JavaScript监听按钮的点击事件,当按钮被点击时获取输入框中的文本内容。 3. 使用ajax发送POST请求到服务器端,将输入的文本内容作为数据传递给服务器。 4. 服务器端接收到数据后进行处理,例如保存到txt文件中。 5. 服务器端处理完成后,将结果返回给ajax请求的回调函数。 6. 在ajax的回调函数中,将服务器返回的结果显示在页面上,可以使用弹出窗口或者动态添加元素等方式进行展示。 总结起来,ajax弹出输入文本的实现主要涉及到前端与后端的交互,通过ajax将用户输入的文本发送到服务器进行处理,并将处理结果返回给前端进行展示。这样就实现了在页面上弹出txt文本的功能。 ### 回答3: Ajax是一种在不刷新整个页面的情况下,通过与服务器进行异步通信来更新部分页面的技术。它可以通过与服务器交换数据,在不打断用户操作的情况下,将数据动态加载到当前页面上。 对于“ajax弹出输入文本”,这个功能可以通过以下步骤实现: 1. 在页面上创建一个按钮或链接,用于触发弹出输入文本的操作。 2. 使用JavaScript编写一个函数,用于处理按钮或链接的点击事件。 3. 在该函数中,使用Ajax发送一个请求到服务器,请求返回一个包含输入文本的弹出窗口。 4. 服务器接收到请求后,根据请求参数处理逻辑,并生成一个包含输入文本的页面内容。 5. 服务器返回响应,将弹出窗口页面的内容发送到客户端。 6. 客户端接收到服务器的响应后,将响应内容添加到当前页面中的一个元素中(如一个div)。 7. 弹出窗口页面的内容将在该元素中显示,从而实现了在页面上弹出输入文本。 需要注意的是,这只是基本的步骤,具体实现还需要根据具体的需求和技术栈进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

潇潇雨歇_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值