ajax学习笔记1

ajax是什么？

ajax即“Asynchronous Javascript + XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。能够快速的从服务器获得所需数据和内容，实现局部刷新让用户能够更好的浏览网站。在没有ajax的时候，网页提交表单必须进行等待和刷新，这时用户必须等待服务器的响应，用户在当前页面不能做其他事情。自从有了ajax，用户在提交表单的时候不需要等待，可以浏览该页的其它东西，表单提交之后服务器能很快的返回所需的数据和网页，网页无需刷新。

ajax能做什么？

在没有ajax的时候，当我们在进行表单验证的时候，我们必须输入完之后提交页面才能检查信息是否合法和有效，网页还得刷新，这样给用户的体验是非常的不好，用户辛辛苦苦输入的信息，当提交时候才发现信息有错误和不合法，这就造成了用户的体验不是特别的好。使用ajax技术之后，检查表单信息能够很快的从服务器获取信息，并且没有刷新，这样用户使用起来就非常的方便。ajax还能实现局部刷新，就像Google地图那样。

下面我们来学习一下怎么使用ajax？

在使用ajax之前必须很好的掌握XMLHttpRequest的对象，因为ajax的使用都在围绕着XMLHttpRequest对象进行。ajax的使用：

（1），首先创建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");
  }

 （2），调用XMLHttpRequest的方法open（），和send（）

xmlhttp.open("GET","URL路径",true);
xmlhttp.send();

 

（3），服务器返回响应responseText

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

 

服务器返回的值赋值给myDiv的标签里。
但是这样还没有达到效果，必须判断http的状态，代码如下

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }