【AJAX学习笔记】知识点总结

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）;
所有现代浏览器（IE7+、Firefox、Chrome、Safari 以及 Opera）均内建 XMLHttpRequest 对象。
　创建 XMLHttpRequest 对象的语法：
variable=new XMLHttpRequest();
老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象：
variable=new ActiveXObject(“Microsoft.XMLHTTP”);
例：

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"); 
  }

XMLHttpRequest对象的常见属性

XMLHttpRequest对象的方法

AJAX - onreadystatechange 事件
每当readyState改变时，就会触发onreadystatechange事件。

ajax提交form表单方法
AJAX提交表单分为两种
　1、无返回结果的，就是把表单数据直接提交给后台，让后台直接处理；
　最简单的就是$(“#formid”).submit();直接将form表单提交到后台。
　2、返回有结果的，这种情况下，后台不管是执行成功还是失败，最终的信息都需要返回到前台。
　AJAX提交表单有返回结果的有两种实现方式
　1、将form表单数据序列化

<span style="font-size:18px;">  $.ajax({  
    type: "POST",  
    url:your-url,  
    data:$('#yourformid').serialize(),  
    async: false,  
    error: function(request) {  
        alert("Connection error");  
    },  
    success: function(data) {  
        //接收后台返回的结果  
    }  
  });</span>  

注意：无论是input标签还是span标签或者其他标签，一定要有name属性，没有name属性后台是获取不到该项的。
　2、通过窗口查找form提交

<span style="font-size:18px;">  // 提交表单  
  var obj = document.getElementById("xx_iframe").contentWindow;  
  obj.$("#yourform").form("submit",{  
    success :function(data){  
        //对结果处理  
    }    
  });</span>

4种常用的AJAX请求方式　
1、$.ajax()返回其创建的 XMLHttpRequest 对象；
2.通过远程 HTTP GET 请求载入信息；
3. 通过远程 HTTP POST 请求载入信息；
4.通过 HTTP GET 请求载入 JSON 数据