安裝或設定

Created: November-22, 2018

什麼是 AJAX？

AJAX 代表非同步 JavaScript 和 XML。簡而言之，它是使用 XMLHttpRequest 物件與伺服器端指令碼進行通訊。它可以以各種格式傳送和接收資訊，包括 JSON，XML，HTML 甚至文字檔案。 -Mozilla 開發者網路 2016

實現 AJAX 的最簡單方法，特別是如果你計劃與伺服器通訊，則使用 jQuery。

什麼是 jQuery？

jQuery 是一個快速，小巧，功能豐富的 JavaScript 庫。它通過易於使用的 API 在大量瀏覽器中執行，使得 HTML 文件遍歷和操作，事件處理，動畫和 Ajax 更加簡單。 -jquery.com

對於那些沒有使用過多 jQuery 的人來說，把它想象成我們可以用來讓我們的生活更輕鬆的功能。這非常適合與 AJAX 一起使用，因為它減少了我們必須編寫的程式碼量來完成同樣的事情！

如何將 jQuery 新增到你的網站

如果需要使用 Ajax，則需要將 jQuery 新增到專案中。 http://jquery.com/download/ 在此連結中，你可以看到許多新增 jquery 的方法。你可以使用下載的 jQuery 版本，也可以使用 CDN。 http://jquery.com/download/#jquery-39-s-cdn-provided-by-maxcdn 。但是，如果你使用 CDN，則存在一些安全風險。因為專案要求使用 jquery，所以黑客可以操作這個電話。如果你可以使用下載版本那麼更好。讓我們看看如何將 jquery 新增到 html 專案。這很簡單。第一個例子是使用 Downloaded 源。使用此連結 http://jquery.com/download/#jquery 下載。如果你只是想使用 jquery，我建議你下載下載壓縮，生產 jQuery 3.1.1 當你下載它時，將 jquery-version.min.js 新增到適當的位置（比如專案的 javascript 資料夾）然後只需新增帶有 src = jquery / location 的標籤，如下所示。

<head>

<script src="path/from/html/page/to/jquery.min.js"></script>

</head>

讓我們看看如何使用 CDN。這個連結 http://jquery.com/download/#using-jquery-with-a-cdn 你可以看到各種 CDN（內容交付網路）。

<head>

<script   src="https://code.jquery.com/jquery-3.1.1.min.js"   integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="   crossorigin="anonymous"></script>

</head>

正如你所看到的，你只需新增 CDN 提供商提供的標籤即可。現在將一些指令碼新增到 html 頁面以檢查它是否正常工作。

<script>
$(document).ready(function(){
    alert("jQuery Works")
});
</script>

如果你看到 jQuery 工作警報，那就意味著你正確地新增了它。