Ajax 获取 responseText 形式的响应数据(二)
2015-11-01 22:15
543 查看
上章简单的介绍了一下Ajax,这章学习一下 Ajax 怎样获得字符串形式(responseText)的服务器响应数据。
通过一个小例子来看具体代码,如下图:
1.0 hello.jsp:
2.0 index.jsp:
通过一个小例子来看具体代码,如下图:
1.0 hello.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>hello.jsp</title> </head> <body> 我是帅气的div1 </body> </html>
2.0 index.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>index.jsp</title> <script type="text/javascript"> //1.0 定义XMLHttpRequest对象 var xmlHttpRequest; function ajaxTest() { //2.0 判断浏览器类型 if(window.XMLHttpRequest) { //如果使用的是Firefox、Chrome、 Opera以及IE7版本以上的浏览器 xmlHttpRequest = new XMLHttpRequest(); } else { //如果使用的是IE5 和 IE6等老版本浏览器 xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); } //3.0 当服务器响应就绪时执行函数 xmlHttpRequest.onreadystatechange = readyStateChange; //4.0 设置请求类型、请求文件位置、是否异步 xmlHttpRequest.open("post", "hello.jsp", true); //5.0 发送 xmlHttpRequest.send(); } function readyStateChange() { if(xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) { document.getElementById("div1").innerHTML = xmlHttpRequest.responseText; } } </script> </head> <body> <div id="div1"> Hello! My name id div1! </div> <hr> <div id="div2"> 哈哈, 大家好!我是div2,楼上是我小兄弟! </div> <input type="button" value="只更新div1" onclick="ajaxTest()"> </body> </html>
相关文章推荐
- xxx
- oc与swift混编
- mvc 返回值
- 自定义乘法口诀
- python列表删除某值20151101
- python命令行参数
- ABAP对象:方法&构造方法
- CodeFile与CodeBehind的区别(转载)
- Spring-注解配置
- nginx之upstream模块缓存系统详解
- UVa 11401 Triangle Counting(Water~)
- C语言字符串常用操作函数-puts、gets、strcmp、strcpy、strcat、strlen
- c++中怎么把string转化为数组
- java 通过控制台输入的数字打印菱形字母
- asp.net 错误提示:Could not load type 'SendEmail.WebPage'
- 最大无重复字母子串
- 在 Linux 上安装 PostgreSQL
- Machine Learning Week 3
- slf4j和log4j搭配实现项目中日志操作
- Android Studio 快捷键 [用到一个记下一个]