【JavaScript基礎筆記】Ajax，同源策略

AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。
AJAX 是一種用於建立快速動態網頁的技術。
經過在後臺與服務器進行少許數據交換，AJAX 可使網頁實現異步更新。這意味着能夠在不從新加載整個網頁的狀況下，對網頁的某部分進行更新。
傳統的網頁（不使用 AJAX）若是須要更新內容，必需重載整個網頁面。
有不少使用 AJAX 的應用程序案例：新浪微博、Google 地圖、開心網等等。

GET 仍是 POST？
與 POST 相比，GET 更簡單也更快，而且在大部分狀況下都能用。
然而，在如下狀況中，請使用 POST 請求：
• 沒法使用緩存文件（更新服務器上的文件或數據庫）
• 向服務器發送大量數據（POST 沒有數據量限制）
• 發送包含未知字符的用戶輸入時，POST 比 GET 更穩定也更可靠

onreadystatechange 事件
當請求被髮送到服務器時，咱們須要執行一些基於響應的任務。
每當 readyState 改變時，就會觸發 onreadystatechange 事件。
readyState 屬性存有 XMLHttpRequest 的狀態信息。
下面是 XMLHttpRequest 對象的三個重要的屬性：

在 onreadystatechange 事件中，咱們規定當服務器響應已作好被處理的準備時所執行的任務。
當 readyState 等於 4 且狀態爲 200 時，表示響應已就緒
使用 Callback 函數
callback 函數是一種以參數形式傳遞給另外一個函數的函數。
若是您的網站上存在多個 AJAX 任務，那麼您應該爲建立 XMLHttpRequest 對象編寫一個標準的函數，併爲每一個 AJAX 任務調用該函數。
該函數調用應該包含 URL 以及發生 onreadystatechange 事件時執行的任務（每次調用可能不盡相同）：

 

同源策略：只有協議+端口+域名如出一轍的條件下，才容許發AJAX請求

若是咱們須要用Ajax發送跨域請求時
咱們能夠經過CROS
Response.setheader('Access-Control-Allow-Origin')