ajax使用

• 創建一個xhr對象

  var xhr=new XMLHttpRequest();
  

請求過程中readyState會發生變化
0.初始狀態
1.創建狀態
2.客戶端向服務端發送數據
3.服務端開始向數據端返回數據
4.客戶端接收數據完畢
xhr.onload發生在客戶端結束之后執行

• xhr.open創建一個連接

  xhr.open("post","json.php",true);
  

• 通過send發送數據
  FormData可以模擬表單對象

  var formData=new FormData();
  formData.append("name",img.files[0]);
  shr.send(formData);
  

jquery中Ajax使用

• Ajax對象
  jquery Ajax 是對xmlHttprequest對象的封裝，基本方法就是ajax()，ajax參數是一組對象

  $.ajax({
  //post方法
    type:"post",//數據提交類型
    url:"danmu.php",//請求地址
    data:{word:"abc",username:"luxp"},//發送數據
   //get方法
    type:"get",//數據提交類型
    url:"getdanmu.php",//請求地址
    data:{},//發送數據
    dataType:"json",//返回數據的類型
    async:true,//是否異步
    //success為數據加載完后的回調函數
    success:function(data){
        var show=document.getElementById("show");
        for(i in data){
            show.innerHTML+=data[i];
            $("#show").html($("#show").html()+data[i]+"<br/>")
        }
    }
  });
  

• load方法
  load 參數 加載的頁面地址,加載完成后,自動的添加到元素

    $("#show").load("http://localhost/%E6%88%91%E7%9A%84PHP/day5/index.html?ff");
  

• get
  get 第一個值src 第二個data 第三個 函數 第四個值 type類型

   $.get("getdanmu.php",{},function(data,status){console.log(data,status);document.body.innerHTML=data[2];},"json");
  

• post
  post 第一個值src 第二個data 第三個 函數 第四個值 type類型

   $.post("danmu.php",{word:"abc",username:"luxp"},function(data,status){console.log(data,status);
   document.body.innerHTML=data;},"json"); 
  

以上都是我們比較經常使用的方法。