Ajax学习笔记

Ajax学习笔记

Ajax:Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）

现在已经不是单单指xml了。

Ajax并不是一门新语言而是通过javascript和xml实现的局部刷新的一种技术

局部刷新是其特点，不需要每次都整个页面都刷新。

Ajax最重要的一个对象: XMLHttpRequest 对象

 

如何获得XMLHttpRequest对象

 

readyState:服务器响应的状态信息

0代表请求未初始化

1代表请求已提出

2代表请求已发送

3代表请求处理中

4代表已完成

http状态码:

1xx:表示临时响应

2xx:表示成功

3xx:表示重定向

4xx:表示请求错误

5xx:表示服务器错误

 

xmlstatus:表示xmlhttp与后台交互返回的状态码，xmlhttp==200表示正常。

 

xmlhttp.open("get/post","后台服务器url",true/false);

xmlhttp.send(null);

 

 

通过 jQuery AJAX 方法，能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON 同时您能够把这些外部数据直接载入网页的被选元素中。

jQuery实现Ajax方法比较简单和方便。$(selector).load(url,data,callback);

Ajax实现是一个标准流程，最重要的对象就是XMLHttpRequest对象，以及数据的封装 txt、html、xml、json都可以，现在使用json封装比较多。

 

使用javascript来实现Ajax的代码:

<script>

function loadXMLDoc()

{

//先获得XMLHttpRequest对象

    var xmlhttp;

if (window.XMLHttpRequest)

  {//考虑了兼容性

   // code for IE7+, Firefox, Chrome, Opera, Safari

  xmlhttp=new XMLHttpRequest();

  }

else

  {

   // code for IE6, IE5

  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

  }

 

//这是事件句柄   xmlhttp对象的onreadystatechange函数

xmlhttp.onreadystatechange=function()

  {

  if (xmlhttp.readyState==4 && xmlhttp.status==200)

    {

    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;

    }

  }

xmlhttp.open("GET","url",true);

xmlhttp.send();

}

 

</script>