【入门笔记】一小时学完AJAX（仅供本人笔记，如学习，请移步专门的教程）

【完整例子】（来自网络）

function loadXMLDoc()
{
  var xmlhttp;
  if (window.XMLHttpRequest)
  {
    // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("POST","/try/ajax/demo_post2.php",true);
  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xmlhttp.send("fname=Henry&lname=Ford");
}

【1.避免缓存】xmlhttp.open("GET","/try/ajax/demo_get.php?t=" + Math.random(),true);

【2.核心语句】

get方法核心语句：

xmlhttp.open("GET","/try/ajax/demo_get2.php?fname=Henry&lname=Ford",true);

xmlhttp.send();

post核心：

  xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xmlhttp.send("fname=Henry&lname=Ford");请求被发送到服务器

Content-type是网页头的一部分。浏览器把form数据封装到http body中，然后发送到server。

【3.】

async

英[ə'zɪŋk]

T/F？ false等待执行脚本，true则不等待服务端返回，继续执行后面。
参考：http://blog.csdn.net/yanfangphp/article/details/8261333

【4.responseText接受后台值】

【5.】onreadystatechange 事件（请求被发送到服务器）

【6.回调函数】用于多个AJAX检测

【感想】还是比较简单的。一会就看完了。虽说没有jsp实例比较烦（百度下应该有）。

语法简单。封装的不错。有空复习、深入下。

？

x-www-form-urlencoded