ajax知识总结

1. 使用XMLHttpRequest获取数据：open()和send()

• open(method,url,anync)
  
  • method：get/post.
  • url:接受数据的地址
  • anync:提交方式，true表示异步/false表示同步
• send(string)
  
  • 如果提交方式是get，string=null
  • 如果提交方式是post，string=需要发送的信息

//补充//设置HTTP头信息，必须放在open和send之间。request.setRequestHeader('');////

2.XMLHttpREquset取得响应

responseText 获得以字符串形式返回的响应数据 responseXML 获得以XML形式返回的响应数据 stastus和statusText 以数字和文本形式返回HTTP状态码 getAllResponseHeader 获得所有响应报头 getResponseHeader 查询响应中某个字段的值

---

readyStatus属性

4 请求已完成且响应已就绪 0 请求还未初始化，open还未调用 1 服务器已建立链接，open已调用 2 请求已经接收，接收到头信息 3 请求处理中，接收到响应主体

---

示例

//发送请求并处理 --js--//使用GET方式提交，执行异步提交到server.phpfunction(){    var request=new XMLHttpRequest();    request.open("GET","server.php",true);    request.send();    //通过onreadystatuschange事件验证    request.onreadystatechange=function(){        if(request.readyStatus===4&&request.status===200)        {            //如果请求成功，则进行这部分操作        }else{            alert("发生错误"+request.readyStatus);        }    }}

//增加、修改   --js--//使用POST方式提交，执行异步提交到server.phpfunction(){    var request=new XMLHttpRequest();    request.open("POST","server.php",true);    //假设从表单中获取数据    var data="name="+document.getElementById('name').value    +"&age="+document.getElementById('age').value;    //设置HTTP头信息    request.setRequestHeader("Content-type","application/x-www-form-urlencoded");    //post方式下提交信息    request.send(data);    //通过onreadystatuschange事件验证    request.onreadystatechange=function(){        if(request.readyStatus===4&&request.status===200)        {            //如果请求成功，则进行这部分操作        }else{            alert("发生错误"+request.readyStatus);        }    }}