ajax请求的几种方法

学习ajax的时候非常熟练，不说倒背如流也是随手就写的，今天被同事叫去帮忙写ajax，居然忘的要百度了，太丢人了。。。重新回顾笔记整理出来，谨记教训。

1、ajax原生get请求：

var ajax = new XMLHttpRequest();
ajax.open("GET", "./aaa", true);
ajax.send();
ajax.onreadystatechange = function () {
    if(ajax.readyState==4 && ajax.status==200){
        var d = JSON.parse(ajax.responseText);
        var str="";
        for(var i=0;i< d.news.length;i++){
            str += "<li>"+ d.news[i].title+"</li>"
        }
       cot.innerHTML=str;
    }
}

 

2、ajax原生post请求

 var ajax = new XMLHttpRequest();
   ajax.open("post","/aa");
   ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded");
   ajax.send("id=100&name=tom");
   ajax.onreadystatechange=function(){
       if(ajax.readyState==4 && ajax.status==200){
           var data=JSON.parse(ajax.responseText);
           console.log(data);
       }
   }

3、ajax请求 jquery写法

 $.ajax({
           url:"/abc",
           data:{id:100,name:"tom"},
           type:"get",
           async:true,
           timeout:5000,
           success:function(msg){
               console.log(msg);
           },
           complete:function(){
               console.log("OK")
           }
       })

4、ajax请求jquery简写

 $.get("/abb",{id:100,name:"tom"},function(data){
           console.log(data)
       })

 $.post("/abd",{id:200,name:"jim"},function(data){
            console.log(data);
        })

实用代码，这次记住了