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 中
ajax基本概念,方法
最新推荐文章于 2024-07-17 10:20:55 发布