function ajax(url, fnSucc, fnFaild){ //1.创建Ajax对象 var oAjax=null; if(window.XMLHttpRequest) { oAjax=new XMLHttpRequest(); } else { oAjax=new ActiveXObject("Microsoft.XMLHTTP"); } //2.连接服务器 oAjax.open('GET', url, true); //3.发送请求 oAjax.send(); //4.接收服务器的返回 oAjax.onreadystatechange=function () { if(oAjax.readyState==4) //完成 { if(oAjax.status==200) //成功 { fnSucc(oAjax.responseText); } else { if(fnFaild) fnFaild(oAjax.status); } } };}
1. 什么是AJAX
无刷新的读取数据,如用户注册、在线聊天室;
2. 什么是服务器
3. 使用AJAX,读取服务器环境下的文件:- 基础:请求并显示静态txt文件;
- 动态数据:请求js(或Json)文件-eval的使用-DOM创建元素
- 局部刷新:请求并显示部分网页文件
4. 读取文件时注意编码一致
5. 运用AJAX读取服务器文件实例6. 缓存及其影响7. 用 new Date().getTime() 方式消除缓存的影响8. 读取服务器文件中的数据全是字符串9. eval() 方法10. 用eval() 方法解析字符串11. 文件的扩展名与AJAX的关系12. 读取数组里的json13. AJAX 分页实例,创建数据14. 布局、ajax 读取、生成 li 元素,读取数据,预先清空数据15. AJAX 原理、http请求:GET \ POST,两种方式的区别- get :用于获取数据(如:浏览帖子)
- post:用户上传数据(如:用户注册)
- 区别:get是在URL里传输数据:安全性低、容量低一般为几K;