文章目錄
- 前後端互動工具 ---- Ajax 的使用
- 1. 在前端的頁面裡引入jQuery 第三方庫
- 2.基于jQuery裡面的ajax進行使用
- 回調函數
- Ajax 的跨域問題
- 怎麼解決跨域問題呢？
前後端互動工具 ---- Ajax 的使用
1. 在前端的頁面裡引入jQuery 第三方庫
直接加一個script标簽，src指定對應的jQuery連結
2.基于jQuery裡面的ajax進行使用
$ 是jQuery裡面的一個對象(變量)
jQuery中的所有 API都是通過 $ 調用的
ajax是jQuery裡面的一個api，要通過$ 進行調用
ajax 裡面的參數是一個對象類型的參數，使用{}
這個對象裡面，三個屬性
(1) type
表示發送http請求的方法
(2) url
發送的伺服器資源位址，從哪個具體位址傳回響應
(3) success
是一個回調函數，通過這個回調函數，拿到響應的相關資訊。
function() ，回調函數裡面有兩個參數，一個是data表示響應的正文body,一個是status表示響應的狀态碼描述資訊。
回調函數
一定要在這裡說清楚，到底啥事回調函數呢？
回調函數是在請求發送成功之後調用這個函數進行接收響應的響應。
Ajax 的跨域問題
ajax為了保證安全性，要求發起ajax請求的頁面，和接收ajax請求的伺服器，應在同一個域名下/位址下。
如果發起請求的頁面 對應的域名(域名1) 和 接收ajax請求的伺服器(域名2)，如果域名1 和域名2 不相同，那麼就認為是一次跨域請求
ajax 預設情況下，不允許跨域