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 += "
  • "+ d.news[i].title+"
  • " } 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);
            })

    实用代码,这次记住了

    你可能感兴趣的:(笔记)