iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 17
0
自我挑戰組

JavaScript基礎30天系列 第 17

AJAX 基礎介紹 (2) DAY17

今天我們要來介紹

CORS

什麼是 Cross-Origin Resource Sharing (CORS)??
簡單來說 CORS 就是 是否可以跨網域撈取資料
假如 CORS 沒開 , 我們便不能撈資料
那為什麼瀏覽器要這麼雞婆把跨域請求資源擋掉呢?
其實這是考量到使用者的資訊安全!!
想了解更多 CORS 的觀念
參考這篇文章
https://ithelp.ithome.com.tw/articles/10231340

那要如何解決呢??
參考這篇文章
https://ithelp.ithome.com.tw/articles/10226262

這裡我提供一個能讓你測試CORS是否有開的服務
http://www.test-cors.org/
非常的好用!!


傳統表單輸入介紹
https://ithelp.ithome.com.tw/upload/images/20201001/20123039CzYudR5rse.jpg

輸入帳密前:
https://ithelp.ithome.com.tw/upload/images/20201001/201230394F01jmNET2.jpg

輸入帳密後:
https://ithelp.ithome.com.tw/upload/images/20201001/20123039f2c6LGihzK.png
會發現後面多了這些資訊

  • ? - 後面接參數
  • & - 連接多個內容

AJAX POST 寫法

CodePen: https://codepen.io/wemyferb/pen/dyMBMQK?editors=1010
相對 get 方法
post 方法必須增加

xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');

這是設定所要傳送的格式為何(上圖是傳統form表單格式)

那今天的 AJAX Part2 介紹到這裡
有任何問題都可以私訊我唷
我們明天見~~~/images/emoticon/emoticon07.gif


上一篇
AJAX 基礎介紹(1) DAY16
下一篇
AJAX 基礎介紹(3) DAY18
系列文
JavaScript基礎30天30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言