技術標籤：jsjsajax

ajax

ajax可以在網頁不重新載入的情況下與伺服器交換資料。
示例：
利用ajax取到本地json檔案中的資料
以下是一個普通的GET請求

let xhr=new XMLHttpRequest();
xhr.open("get","js/data.json",true);//第一個值是請求方式，第二個值是URL地址，第三個值是否非同步
xhr.onreadystatechange=function(){
    if(this.readyState==4&&this.status==200){
       let
 
 data=this.responseText;
       console.log(JSON.parse(data))
   } 
}
xhr.send()

網頁要用伺服器執行否則會有同源禁止策略。
JSON.parse()：將json格式資料轉化為js格式資料
這是json檔案：

這是用ajax拿到的資料：

如果是向頁面傳送get請求就要在url後面拼接資料。
如果是向頁面傳送post請求則要把資料寫到xhr.send()裡面。