Ajax学习

Ajax学习

 

创建异步对象的四大步骤

创建——绑定——初始化——发送请求

//一般讲数据处理放在第二步 “绑定” ，也可以放在其他地方。

//异步对象中存在回调机制：即当请求的状态发生变化时，异步对象就会自动调用onreadystatechange事件对应的函数。即readyState值只要变化，就调用一次该函数。从0—1，调用一次；1-2，调用一次......所以该函数放在四步中的哪一步都是一样的

 

创建异步对象 var xmlHttp = new XMLHttpRequest();

 

readyState属性

• 0：表示创建异步对象时，即 new XMLHttpRequest();

• 1：表示初始化异步对象时，即 xmlHttp. open();

• 2：表示发送请求时，即 xmlHttp.send();

• 3：表示从服务器获取数据时，但获取的数据都是原始数据，仅是异步对象内部使用，开发人员一般不用

• 4：异步对象把接受的数据处理完成，开发人员使用该数据更新当前页面

 

status属性

• 200：表示网络请求成功

• 404：表示没有访问到该页面

• 500：表示服务器端代码出错

 

 

初始化异步请求对象 xmlHttp.open("get", "bmiAjax?" + param, true);

//参1：请求方式，get或post； 参2：服务器访问地址及提交的数据； 参3：true为异步请求；false为同步请求

 

发送请求 xmlHttp.send();

//异步对象能独自发送请求，所以可以不使用表单提交数据

 

获取服务器数据 var data = xmlHttp.responseText;

 

 

Ajax学习