新建一個html文件， 定名為test.html， 用于講解ajax怎么獲取json數據并輸出 。
2在test.html中， 利用script標簽加載jquery.min.js文件， 這是利用jquery方式的前提 。
3在test.html頁面中， 建立一個button按鈕， 用于實現點擊經由過程ajax請求獲得json數據， 在button下面再建立一個p元素， 用于json數據的顯示 。
4新建一個文件名為ajax_json的js文件， 在文件里面建立一個json數據， 如下圖：
5在test.html頁面， 給button綁定click點擊事務， 當按鈕被點擊時， 利用getJSON方式獲得ajax_json.js里面的json數據， 同時經由過程function方式進行數據的輸出 。
6在function方式里面， 利用each方式遍歷json數據的內容， 并利用app()方式把json里面的內容添加到p元素內 。
7【ajax怎么獲取json數據并輸出】在瀏覽器運行test.html文件， 點擊“獲得JSON數據”按鈕， 查看返回的json數據信息 。
以上內容就是ajax怎么獲取json數據并輸出的內容啦， 希望對你有所幫助哦！
猜你喜歡
- 華為p30怎么設置鬧鐘鈴聲
- 怎么獲取頁面發送的ajax請求
- 百度賬號怎么注銷
- jquery中的ajax方法如何發送同步請求
- 狗糧怎么泡軟
- 怎么當好一名空姐
- 怎么給同事送禮物？
- 怎樣判斷蘭花缺水，怎么看該不該澆水
- 梔子花長紅蜘蛛怎么辦
- 白花小松葉子發黃怎么辦