javascript -Ajax基础入门


javascript -Ajax基础入门

1. 什么是Ajax ?

a) 无刷新的数据读取;

2. 关于浏览器缓存:

a) 缓存机制:根据地址来缓存,同样地址只读一次;

b) 解决缓存困扰:在文件名后加上一个时间戳参数;保存每次读取文件的路径都不一样,这样浏览器就不会去缓存中拿而去读新的;

3. Ajax请求动态数据:

a) 请求JSON文件;

b) Ajax 从服务器上所读取的所有东西都是以文本的形式存在的;

c) eval的使用,将返回的string转换成arr,或json;

d) 配合DOM使用;

4. eval_r(str):

a) 接受一个字符串作为参数,这个字符串里面可以放任何JS代码;

b) eval可以计算字符串里的值;

5. Ajax的原理:

a) HTTP 请求:

i. GET方式:安全性低、容量小,但便于分享,更适合获取数据;(如: 浏览帖子)

ii. POST方法:更适合上传数据;(如:用户注册)

iii. Get方式会缓存,因为要从服务器上读东西;Post方式不会缓存东西的;

6. Ajax请求服务器数据的4个步骤:

a) 创建一个Ajax对象 (买个手机);

i. 非IE6 : new XMLHttpRequest();

ii. IE6 : new ActiveXObject("Microsoft XMLHTTP");

b) 连接服务器(拨号);

c) 发送请求,告诉服务器要什么(说话);

d) 接收返回值(听);

7. Ajax对象创建的兼容处理:

a) 用if (window.XMLHttpRequest) 取代if (XMLHttpRequest)

b) 原理:

i. 用一个不存在的变量: 出错;

ii. 用一个不存在的属性:undefined;

8. Ajax连接服务器:

a) oAjax.open(方法,url, 是否为异步bool);

b) 方法:大多用”Get”;

c) 同步与异步:

i. 同步:任何两件事不能一块儿做;

ii. 异步: 多件事儿可以一起进行;Ajax天生就该工作在异步模式下的;

9. Ajax发送请求:

a) oAjax.send();

10.Ajax接收服务器的返回信息:

a) oAjax.onreadystatechange 事件:

i. 它类似于window.onload;

ii. 用来监控请求状态;

iii. 是当客户端和服务器那边有通信发生或有状态变化的时候会来调用;

iv. 客户端和服务器的通信不是一步就完成的;

v. oAjax.readyState属性:告诉我们客户端和服务器的通信发生到哪一步了; 4 代表完成;

vi. oAjax.readyState == 4 , 只代表完成,不代表成功;

vii. oAjax.status == 200 , 代表成功;

viii. oAjax.status , 400多是客户端错误, 500多是服务器错误, 300多是重定向;

ix. oAjax.responseText , 就是取得服务器发回的内容;

11.编写Ajax库:

javascript -Ajax基础入门


分享到:


相關文章: