原文來自:https://www.cnblogs.com/dibaosong/p/4572274.html#top

文中給出了data.json文件內容

還給出了html文件內容

ok.

1.新建工程jQuery

2.創建文件夾html, 將data.json和json.html放進去

3.打開html,沒問題,按鈕正常出來了,點擊沒反應

4.F12

報了兩個錯,

一個是沒引入jquery, 不識別$(function(){})

另一個是http://127.0.0.1:8020/jQuery/html/data.json 500 (Internal Server Error)

5.引入jquery.js文件, POST請求改為GET請求

點擊正常了.

以下是代碼和工程結構

============================================ 最後回顧一下POST和GET區別.(源自菜鳥教程)==========================================

兩種最常用的 HTTP 方法是：GET 和 POST。

什麽是 HTTP？

超文本傳輸協議（HTTP）的設計目的是保證客戶機與服務器之間的通信。

HTTP 的工作方式是客戶機與服務器之間的請求-應答協議。

web 瀏覽器可能是客戶端，而計算機上的網絡應用程序也可能作為服務器端。

舉例：客戶端（瀏覽器）向服務器提交 HTTP 請求；服務器向客戶端返回響應。響應包含關於請求的狀態信息以及可能被請求的內容。

兩種 HTTP 請求方法：GET 和 POST

在客戶機和服務器之間進行請求-響應時，兩種最常被用到的方法是：GET 和 POST。

• GET - 從指定的資源請求數據。
• POST - 向指定的資源提交要被處理的數據

GET 方法

請註意，查詢字符串（名稱/值對）是在 GET 請求的 URL 中發送的：

/test/demo_form.asp?name1=value1&name2=value2

有關 GET 請求的其他一些註釋：

• GET 請求可被緩存
• GET 請求保留在瀏覽器歷史記錄中
• GET 請求可被收藏為書簽
• GET 請求不應在處理敏感數據時使用
• GET 請求有長度限制
• GET 請求只應當用於取回數據

POST 方法

請註意，查詢字符串（名稱/值對）是在 POST 請求的 HTTP 消息主體中發送的：

POST /test/demo_form.asp HTTP/1.1
Host: w3schools.com
name1=value1&name2=value2

有關 POST 請求的其他一些註釋：

• POST 請求不會被緩存
• POST 請求不會保留在瀏覽器歷史記錄中
• POST 不能被收藏為書簽
• POST 請求對數據長度沒有要求

比較 GET 與 POST

下面的表格比較了兩種 HTTP 方法：GET 和 POST。

其他 HTTP 請求方法

下面的表格列出了其他一些 HTTP 請求方法：

從html加載json文件想起