ajax基本概念,方法
2014-06-12 10:19
357 查看
ajax Asynchronous javascript and xml
异步的 javascript and XML
ajax 是一门在不刷新网页的情况下,与服务器进行交互更新部分网页的技术;
传统网页更改网页内容,必须刷新整个网页,
使用ajax的页面,可以再不重新加载整个网页的情况下,更改部分内容
XMLHttpRequest 是Ajax 的基础
XMlHttpRequest 支持大多数浏览器,IE5和IE6使用ActiveXObject
所有现代浏览器 IE7+ 等常用浏览器 内建 XMlHttpRequest 对象
new XMLHttpRequest; 创建对象
老版本的 IE5 和 IE6 使用 ActiveXObject 对象
new ActiveXObject("Microsoft.XMLHTTP");
ajax 缓存问题
使用Math.random 生成0到1之间的随机数
让程序认为每次请求的不是一个页面
readystate 返回xmlhttp请求的当前状态
0(未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)
1(初始化) 对象已建立,尚未调用send方法
2(发送数据) send方法已调用,但是当前的状态及http未知
3(数据传送中) 以接受部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误
4(完成) 数据接受完成,此时,可以通过responseBody和responseText获取完整的回应数据
http常用状态码
200 服务器成功返回网页
310 请求的网页被永久移动,简称重定向
403 服务器拒绝请求,也称没有权限
404 请求的网页不存在
500 服务器遇到错误,无法完成请求
503 服务器暂时不可用,无法使用服务器
responseText 获得字符串响应数据
responseXML 获得XML响应数据
当请求被发送到服务器时,需要执行一些基于响应的任务
onreadystatechange 存储函数,当readyState属性改变时,就会调用该函数
readyState 返回xmlhttp 请求的当前状态
status 返回请求http状态码
在php里面通过get传递中文,中文需要转码urlencode()
在js里面通过get传递中文,中文需要转码encodeURLcomponent();
post
先设置http头
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
传值 在 send 中
异步的 javascript and XML
ajax 是一门在不刷新网页的情况下,与服务器进行交互更新部分网页的技术;
传统网页更改网页内容,必须刷新整个网页,
使用ajax的页面,可以再不重新加载整个网页的情况下,更改部分内容
XMLHttpRequest 是Ajax 的基础
XMlHttpRequest 支持大多数浏览器,IE5和IE6使用ActiveXObject
所有现代浏览器 IE7+ 等常用浏览器 内建 XMlHttpRequest 对象
new XMLHttpRequest; 创建对象
老版本的 IE5 和 IE6 使用 ActiveXObject 对象
new ActiveXObject("Microsoft.XMLHTTP");
ajax 缓存问题
使用Math.random 生成0到1之间的随机数
让程序认为每次请求的不是一个页面
readystate 返回xmlhttp请求的当前状态
0(未初始化) 对象已建立,但是尚未初始化(尚未调用open方法)
1(初始化) 对象已建立,尚未调用send方法
2(发送数据) send方法已调用,但是当前的状态及http未知
3(数据传送中) 以接受部分数据,因为响应及http头不全,这时通过responseBody和responseText获取部分数据会出现错误
4(完成) 数据接受完成,此时,可以通过responseBody和responseText获取完整的回应数据
http常用状态码
200 服务器成功返回网页
310 请求的网页被永久移动,简称重定向
403 服务器拒绝请求,也称没有权限
404 请求的网页不存在
500 服务器遇到错误,无法完成请求
503 服务器暂时不可用,无法使用服务器
responseText 获得字符串响应数据
responseXML 获得XML响应数据
当请求被发送到服务器时,需要执行一些基于响应的任务
onreadystatechange 存储函数,当readyState属性改变时,就会调用该函数
readyState 返回xmlhttp 请求的当前状态
status 返回请求http状态码
在php里面通过get传递中文,中文需要转码urlencode()
在js里面通过get传递中文,中文需要转码encodeURLcomponent();
post
先设置http头
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
传值 在 send 中
相关文章推荐
- ajax基本概念,方法
- 使用ASP.NET AJAX异步调用Web Service和页面中的类方法(5):服务器端和客户端数据类型的自动转换:基本类型和枚举类型
- SOA:原理•方法•实践,第 1 部分: SOA 的基本概念
- lucene.net的一些基本使用方法和概念
- .net 2.0下的asp.net ajax基本使用方法
- Lucene的一些基本使用方法和概念 (JAVA)
- 软件测试的基本概念和方法 [转]
- 第1章 Java基本概念及环境配置——FAQ1.18 怎样给main(String[] args)方法的args指定参数值?
- Java 线程的基本概念 创建方法 和 基本操作
- net 2.0下的asp.net ajax基本使用方法
- net 2.0下的asp.net ajax基本使用方法
- lucene.net的一些基本使用方法和概念
- .net 2.0下的asp.net ajax基本使用方法
- Ajax 基本实现方法
- net 2.0下的asp.net ajax基本使用方法 (备忘)
- 自己用了一段时间AJAX,一些基本方法和小结
- 优秀课件笔记之经营决策常用的成本概念及基本方法
- .net 2.0下的asp.net ajax基本使用方法
- 软件测试的基本概念和方法
- C语言程序设计-现代方法----示例及练习题----第二章--C语言基本概念