- 浏览: 30432 次
- 性别:
- 来自: 上海
最新评论
XMLHttpRequest 是 AJAX 的基础。
1,XMLHttpRequest 的创建。
var xmlhttp; if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }
2, 向服务器发送请求
如需将请求发送到服务器,我们使用 XMLHttpRequest 对象的 open() 和 send() 方法:
xmlhttp.open("GET","test1.txt",true);
xmlhttp.send();
方法 描述
open(method,url,async) 规定请求的类型、URL 以及是否异步处理请求。
method:请求的类型;GET 或 POST
url:文件在服务器上的位置
async:true(异步)或 false(同步)
send(string) 将请求发送到服务器。
string:仅用于 POST 请求
setRequestHeader(header,value) 向请求添加 HTTP 头。
header: 规定头的名称
value: 规定头的值
3,async与onreadystatechange
当使用 async=true 时,请规定在响应处于 onreadystatechange 事件中的就绪状态时执行的函数: xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } }
4,服务器响应
如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
属性 描述
responseText 获得字符串形式的响应数据。
responseXML 获得 XML 形式的响应数据。
5,onreadystatechange 事件
当请求被发送到服务器时,我们需要执行一些基于响应的任务。
每当 readyState 改变时,就会触发 onreadystatechange 事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
下面是 XMLHttpRequest 对象的三个重要的属性:
属性 描述
onreadystatechange 存储函数(或函数名),每当 readyState 属性改变时,就会调用该函数。
readyState 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。
0: 请求未初始化
1: 服务器连接已建立
2: 请求已接收
3: 请求处理中
4: 请求已完成,且响应已就绪
status 200: "OK"
404: 未找到页面
6,使用 Callback 函数
callback 函数是一种以参数形式传递给另一个函数的函数。
如果您的网站上存在多个 AJAX 任务,那么您应该为创建 XMLHttpRequest 对象编写一个标准的函数,并为每个 AJAX 任务调用该函数。
该函数调用应该包含 URL 以及发生 onreadystatechange 事件时执行的任务(每次调用可能不尽相同):
function myFunction() { loadXMLDoc("ajax_info.txt",function()--后面的就是callback函数 { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("myDiv").innerHTML=xmlhttp.responseText; } }); }
发表评论
-
IE中嵌入播放器
2012-01-31 18:48 1958一般在嵌入IE中的播放器都有一些要求,如支持ftp,http协 ... -
js 常用技巧(添加中...)
2012-01-12 15:55 6601,页面一开始加载js函数 方法1,body的onload属性 ... -
js 常用自带函数应用
2012-01-12 15:48 7541, concat //将两个或者多个字符文本组合起来,返回 ... -
【转】 Struts2文件的上传和下载
2011-11-21 17:52 8861. 文件上传的原理: 表单元素的enctype属性指定的是 ... -
struts2文件上传
2011-11-21 17:51 9381,jsp <input type="fil ... -
httpClient的3种超时
2011-11-16 17:56 3303你可以把HttpClient想象成一个浏览器,通过它的API我 ... -
ftp远程上传即读取文件
2011-11-16 17:54 1674上传 private void upload(File sr ... -
String前补0
2011-11-02 14:14 3185java的String字符串补0或空格 方法一:自己写 ... -
Ajax学习-- 封装
2011-10-17 10:57 0var Ajax = { getTransport: f ... -
获取请求端IP地址方法
2011-10-17 10:05 996private String getIpAddr(HttpSe ... -
txt文件读写
2011-08-18 17:25 839针对txt,csv文件的读写可以使用java的读写操作。 以 ... -
Excel文件读取
2011-08-17 13:34 1234java中要读取Excel文件并解析。目前的excel文件主要 ... -
16进制运算
2011-08-16 14:05 1806问题描述: 对16进制的字符串进行加减操作. 方法1 ... -
关于数组工具类方法整理
2011-07-18 18:49 1279引用: java.util.Arrays org.apac ... -
面试题整理4
2011-07-13 15:08 712给定一个int数组,写一个函数判断该数组中的所有数字是否能组成 ... -
面试题整理3
2011-07-13 14:03 638以下程序执行后显示什么结果 public class Par ... -
面试题整理2
2011-07-12 16:50 626现有N个人和M个桌子. 当每桌做3个人时,多出来2个人. ... -
面试题整理1
2011-07-12 16:41 614a,b两个值(int类型)在不使用中间变量情况下,交换两个值? ... -
新一个web应用
2011-06-17 15:46 0工具:Eclipse 1,新建一个web工程。 ...
相关推荐
ajax ajax原理 ajax代码 ajax编程 ajax学习
ajax学习很好的学习文档ajax学习很好的学习文档
ajax学习 ajax 教学 学习 java 教程ajax 教学 学习 java 教程ajax 教学 学习 java 教程
ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习笔记源代码ajax 学习...
掌握 Ajax第 1 部分-Ajax 简介 掌握 Ajax第 2 部分-使用 JavaScript 和 Ajax 发出异步请求 掌握 Ajax第 3 部分-Ajax 中的高级请求和响应 掌握 Ajax第 4 部分-利用 DOM 进行 Web 响应 掌握 Ajax第 5 部分-操纵 DOM ...
Ajax全套学习教程 Ajax全套学习教程 Ajax全套学习教程 Ajax全套学习教程
ajax学习材料之后台交互应用。ajax学习材料之后台交互应用。
我总结的Ajax学习资料,希望对大家有所帮助!
AJAX 的学习资料,全部手写,以及 用 JQREY调用等 。。 大量实例,如 无分页刷新,评论,等 。。值得学习。。
Ajax学习全攻略,很好很全面的学习资料,能够使你很快的学习到当前流行的Ajax技术,一定会受益匪浅。
jquery + struts1 + ajax学习例子
.net中ajax学习解决方案,很好地代码程序,供大家参考
Ajax的学习资料,包含老师的上课代码。互相学习,希望对你有用
ajax学习用的ppt课件;主要教你ajax实现原理,并且配备了实例说明。是一个不错学习课件。
根据个人学习Ajax的过程总结,整理了Ajax相关基础知识点,对Ajax的使用有较详细的介绍,通过个别举例,可以快速了解Ajax的功能,比较适合初学者入门。
1.ajax简介 2.使用javascript和ajax发出异步请求 3.ajax中的高级请求和响应 4.利用dom进行web响应
学习Ajax需要.txt学习Ajax需要.txt学习Ajax需要.txt学习Ajax需要.txt学习Ajax需要.txt学习Ajax需要.txt学习Ajax需要.txt学习Ajax需要.txt学习Ajax需要.txt学习Ajax需要.txt学习Ajax需要.txt学习Ajax需要.txt学习Ajax...
AJAX学习笔记。内含Java调用的两个实例,及JavaScript的ajax工具函数,可快速入门,也可当手册使用。个人精心整理,值得收藏。 更多:http://download.csdn.net/user/daillo/all
AJAX.docAJAX.docAJAX.doc AJAX.docAJAX.docAJAX.doc AJAX 学习文档
Ajax 学习Ajax 学习Ajax 学习Ajax 学习Ajax 学习Ajax 学习Ajax 学习Ajax 学习Ajax 学习Ajax 学习