iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 22
0
自我挑戰組

我在繡房繡小主常服的日子-- 初入前端工程師的第一個小挑戰系列 第 22

[22] IDKJS - AJAX - 發出 HTTP 請求

看看MDN 上AJAX的入門文件來練習AJAX


What is AJAX?

Asynchronous JavaScript And XML, AJAX
AJAX是利用XMLHttpRequest與server傳送接收XML、JSON、HTML等檔案,
更新頁面,不用重新整理頁面。

Make an HTTP request

首先要創建一個 XMLHttpRequest Object

var httpRequest = new XMLHttpRequest();

接著就可以send a request to server了。

Send a Request To a Server

可以使用open()send()來send a request to a server了。

open()

open(method, url, async)
method:request的方法,可以從GET、POST中選擇。
url:請求頁面的url。
async:決定request是否同步,如果為true,既使server未回傳data,也會繼續執行其他function。

send()

以POST發出request,send的參數是可以是任何想傳送給server的東西。

Making request後會回傳資料,接著要藉由onreadystatechange來指名由甚麼function來處理這個回傳的資料。

httpRequest.onreadystatechange = myFunction;
httpRequest.onreadystatechange = function(){
  // do somethings;
};

明天來看看POST送出資料的方式,並且來處理responses。


上一篇
[21] IDKJS - Closure
下一篇
[23] IDKJS - AJAX - 處理伺服器傳回的資料
系列文
我在繡房繡小主常服的日子-- 初入前端工程師的第一個小挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言