ajax怎么獲取json數據并輸出

新建一個html文件，定名為test.html，用于講解ajax怎么獲取json數據并輸出。

在test.html中，利用script標簽加載jquery.min.js文件，這是利用jquery方式的前提。

在test.html頁面中，建立一個button按鈕，用于實現點擊經由過程ajax請求獲得json數據，在button下面再建立一個p元素，用于json數據的顯示。

新建一個文件名為ajax_json的js文件，在文件里面建立一個json數據，如下圖：

在test.html頁面，給button綁心猿意馬click點擊事務，當按鈕被點擊時，利用getJSON方式獲得ajax_json.js里面的json數據，同時經由過程function方式進行數據的輸出。

在function方式里面，利用each（）方式遍歷json數據的內容，并利用append()方式把json里面的內容添加到p元素內。

在瀏覽器運行test.html文件，點擊“獲得JSON數據”按鈕，查看返回的json數據信息。

0 條評論