AJAX学习笔记一

AJAX学习笔记一

​ AJAX : Asynchronous JavaScript and XML（异步JavaScript和XML）

​ 不是某种编程语言，而是一种在无需重新加载整个网页的情况之下能够更新部分网页的技术。

XMLHttpRequest

作用：用于在后台与服务器交换数据。

• 能够在不重新加载页面的情况下更新网页
• 在页面已加载后从服务器请求数据
• 在页面已加载后从服务器接收数据
• 在后台向服务器发送数据

创建该对象

var request;
if(Window.XMLHttpRequest){
    request = new XMLHttpRequest();   
}
else{
  request = new ActiveXObject("Microsoft.XMLHTTP");
}

发送请求

open(method,url,async)和 send(string)

​ 代码示例：

request.open("POST","create.php",true);
request.send("name=gaara&sex=male);
//             
request.open("GET","create.php?name=gaara&sex=male",true);
request.send()

取得响应

• responseText:获得字符串形式的响应数据

• responseXML:获得XML形式的响应数据

• status:以数字形式返回状态码

• readyState属性

  • 0：请求未初始化，open还没有调用

  • 1：服务器连接已建立，open已经调用了

  • 2：请求已接收，也就是接收到头信息了

  • 3：请求处理中，也就是接收到响应主体了

  • 4：请求已完成，且相应已就绪，也就是响应完成了

  • 一个监听事件：onreadystatechange——用于监听XMLHttpRequest的状态变换，代码示例：

  • request.onreadystatechange=function(){
    if(request.readyState===4){
    if(request.status===200){
        document.getElementById("text").innerHTML = request.responseText;  //将服务器返回的文本直接显示
    }
    else{
      alert("发生错误："+request.status);
    }
    }
    }