AJAX的理解

     AJAX,简单来说就是异步的JS和XML,其最大的优点就是不重新加载网页的情况下，实现与服务器交换数据并更新网页内容。

    对于AJAX的原生实现过程：

function loadXMLDoc(){
    var xmlhttp;
    //创建XHR对象
    if(window.XMLHttpRequest)
    {
      // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
      xmlhttp=new XMLHttpRequest();
    }else{
      // IE6, IE5 浏览器执行代码
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }    

      //设置响应变化的函数，并获取返回值。
      //readyState在发生变化时，函数会被回调
    xmlhttp.onreadystatechange=function(){
      //满足请求完成响应就绪并且状态是200时，刷新局部页面
      if(xmlhttp.readyState==4&&xmlhttp.status==200){
        $("#box").html(xmlhttp.responseText);
      }
    }
    //创建http请求
    xmlhttp.open("GET","ajax_info.txt",true);
    //发送http请求
    xmlhttp.send();
}

jq的实现方式：

$.ajax({
  type:"post",
  url:"post_consignation.php",
  data:{
    target_item:target,
    detail_item:detail
  },
  success:function(response){//这里用了jq
    $('#consignation-content').html(function(i,origText){
      return response+origText;
    });
    $('#target').html("");
    $('#detail').html("");
  }
});