原生态ajax和 ajax的两个框架的 JS实现

别人都下班了，自己闲着无聊，大概总结一下 自己在项目中用到的AJAX

1.原生态的AJAX：

  <script type="text/javascript">
var xmlhttp;
function test1()
{
xmlhttp=null;
//var url="xxxxx.action" //访问后台的路径
var url="xxxxx.action?data="+value;//传递参数
if (window.XMLHttpRequest)
  {// code for all new browsers
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {// code for IE5 and IE6  这个很少用到了
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.onreadystatechange=callBack; callBack是回调函数
  xmlhttp.open("POST",url,true); //true的意思是 异步请求
  xmlhttp.send();
  }
else
  {
  alert(" does not  XMLHTTP");
  }
}


function callBack()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
  {
  //进入这里面 说明程序按照你写的剧本走呢！
  
  //do something
    }
  else
    {
    alert("error......");
    }
  }
}
</script>

2,Prototype .js的AJAX

<script type="text/javascript">
function test2(){
var url="xxxxx.action"
var params="key="+value; //key是参数，value是值
var myAjax = new Ajax.Request(
url,
{
method: 'post',
parameters: params,
onComplete: test2Callback
},
onError:errorFuction//出错后调用
    );


}
function test2Callback(request){//回调函数
var obj=request.responseText.parseJSON();//这里有多种格式，自行google

}

</script>

3.jquery的ajax

<script type="text/javascript">
function test3(){
$.ajax({
type: "post",
url:"xxxx.action",
dataType: "json",//这里也有多种格式
data: {key: value},//传多个参数：data:"key="+value+"&key2="+value2
success: function (data) {

//do something

}
})
}
</script>

想到哪些就写哪些，如有错误之处，还请指正！！！！