Ajax使用流程

一.post方法

1.创建ajax对象

var oAjax=null;

//判断浏览器类型创建不同的ajax对象

if(window.XMLHttpRequest)

{

    oAjax=new XMLHttpRequest;

}

else

{

oAjax =new ActiveXObject('Microsoft.XMLHTTP');

}

2.连接服务器

oAjax.open('post','http://127.0.0.1:8080/admin.do',true);

3.发送请求

oAjax.send(formdata);

console.log(formdata.get('adminAccount'));

4.接受服务器的返回

oAjax.onreadystatechange =function () {

if (oAjax.readyState ==4) {

if (oAjax.status >=200 &&oAjax.status <300 ||oAjax.status ==304) {

var users =JSON.parse(oAjax.responseText);

// if(users.result.adminAccount.trim()==txt_id.value && users.result.adminPassword==txt_pass.value){

            if (users.resultCode ==1) {

location.href ='success.html';

}else {

error_message.style.display ='block';

error_message.innerText ='* 用户名或者密码错误';

}}

二.get方法

三.状态

1.oAjax.readyState

0 － （未初始化）还没有调用send()方法 

1 － （载入）已调用send()方法，正在发送请求 

2 － （载入完成）send()方法执行完成，已经接收到全部响应内容 

3 － （交互）正在解析响应内容 

4 － （完成）响应内容解析完成，可以在客户端调用了 

2.oAjax.status

304 - Not Modified 客户端有缓冲的文档并发出了一个条件性的请求（一般是提供If-Modified-Since头表示客户只想比指定日期更新的文档）。服务器告诉客户，原来缓冲的文档还可以继续使用。