【AJAX】原生的XMLHttpRequest（）、JQUARY、AXIOS

【AJAX】JavaScript原生的XMLHttpRequest（）

XMLHttpRequest（）

var request = new XMLHttpRequest;
request.open('GET', apiURL, true);
request.send();
request.onload = function () {
    if (request.status >= 200 && request.status < 400) {

        member = JSON.parse(request.response);
        console.log(member)
       ////一堆動作
}

缺點，如果API是需要用到不同網址，根本不可能用forinㄉㄜ

JQUARY

 $.ajax({
        url: API,
        data:{要傳的資料},
        error:finction(){載入錯誤},
        method:使用得方法（預設是get),
        success:function(res){
            執行動作
        }
    })

AXIOS

• 可以和Vue合用

 axios({
                    methods: 'get',
                    url: apiURL
                })
                .then((res) => {
                    self.place_data[item].rainfall = res.data.rainfall
                    self.place_data[item].tempature = res.data.felt_air_temp
                    self.place_data[item].weather = res.data.desc
                })

​