Ajax基础——1
什么是服务器
网页浏览过程分析
如何配置自己的服务器程序(AMP)
什么是Ajax
无刷新数据读取
用户注册、在线聊天室
异步、同步
Ajax基础——2
使用Ajax
基础:请求并显示静态TXT文件
字符集编码
缓存、阻止缓存
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="Ajax.js"></script>
<script type="text/javascript">
window.onload = function (){
var oBtn = document.getElementById('btn1');
oBtn.onclick = function(){
ajax('Abc.txt?t=' + Date().getTime(), function (str){
alert(str);
}, function (){
alert('失败');
});
}
}
</script>
</head>
<body>
<input type="button" id="btn1" value="读取" />
</body>
</html>
动态数据:请求JS(或json)文件
eval的使用:读取元素。eval(变量)
DOM创建元素
局部刷新:请求并显示部分网页文件
Ajax原理
GET——用于获取数据(浏览帖子)
POST——用于上传数据(用户注册)
区别:
get是在url里传数据:安全性、容量:
get:通过网址、容量有限、有缓存
post:通过http content不通过网址、容量较大、安全性更好、没有缓存
缓存