Ajax基础应用

Ajax:无刷新数据读取
用户注册、在线聊天室
异步、同步

使用Ajax
基础:请求并显示静态TXT文件
字符集编码 文件编码统一
缓存、阻止缓存 去除缓存在文件名后面加t ‘文件名?t=’+new Date().getTime()
动态数据:请求JS(或json)文件
eval的使用 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码
DOM创建元素
局部刷新:请求并显示部分网页文件

HTTP请求方法
GET——用于获取数据(如:浏览帖子) 把数据放入URL一块传递
POST——用于上传数据(如:用户注册)
GET、POST的区别
get是在url里传数据:安全性差、容量小4k~10k(不适合传大数据)、有缓存
post容量大(2G)、安全性相对好些、无缓存

编写ajax
1、创建Ajax对象
ActiveXObject(“Microsoft.XMLHTTP”) 兼容IE6
XMLHttpRequest() 兼容除IE6的浏览器
var oAjax = new XMLHttpRequest();
2、连接服务器
open(方法, 文件名, 异步传输)
同步和异步
同步:事情一件一件来;异步:多个事情可以一起做
3、发送请求
send() 发送请求
4、接收返回值
请求状态监控
onreadystatechange事件
readyState属性:请求状态 (了解浏览器和服务器进行到哪一步了)
0 (未初始化)还没有调用open()方法
1 (载入)已调用send()方法,正在发送请求
2 (载入完成)send()方法完成,已收到全部响应内容
3 (解析)正在解析响应内容
4 (完成)响应内容解析完成,可以在客户端调用了
status属性:请求结果
responseText:请求返回的数据

数据类型
什么叫数据类型——英语、中文
XML、Json
字符集
所有文件字符集相同

您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注