大綱：

1. 簡介
2. 使用

這節課我們來學ajax，講的東西有點少啊

1. 簡介：

AJAX = 非同步 JavaScript 和 XML（Asynchronous JavaScript and XML）。

簡短地說，在不過載整個網頁的情況下，AJAX 通過後臺載入資料，並在網頁上進行顯示。

本質：發http請求用的

1. 使用

分為原生版和jquery版，原生版沒人用，不講，直接將jquery版

jquery版ajax使用特別簡單，就是一個函式:

$.ajax();

ajax.js

document.write("<script src='jquery.js'></script>");



//jquery的ajax函式，作用是發起一個http請求

//引數是一個json物件

$.ajax({

    url:"/test",

    type:"get"

});

可以看到發起了一個名為test的請求，第三列寫著xhr

注意: 凡是第三列寫著xhr的全都是ajax發起的請求

可以看到請求方式是get

因為我們剛剛在$.ajax()裡寫了 type:”get”

看菜鳥教程屬性挺多的，說幾個重點的：

ajax.js

document.write("<script src='jquery.js'></script>");



//jquery的ajax函式，作用是發起一個http請求

//引數是一個json物件

$.ajax({

    url:"/test",    //請求路徑

    type:"post",     //請求方式

    
 
async:true, //非同步

    data:{

        id:1001,

        name:"xiaoye"

    },

    //如果請求響應成功，則執行success後面跟著的函式

    //不過顯然是無法響應成功的，因為我並沒有開啟tomcat伺服器

    success:function (data) {



    }



});

Demo：

如果請求響應成功，響應的資訊會被儲存在success後那個函式的第一個引數裡。