1、新建壹個HTML頁面,命名為test.html。
2、編寫JS代碼,將上面的JSON數據存儲於JS變量JSONObject中,方便後面通過該變量取出JSON值。
3、編寫HTML代碼,定義四個span標簽,用於後面將讀取的JSON數據放入其中顯示出來。
4、為了方便將JSON值在span標簽內顯示,每個span標簽添加id屬性,並設置專有的id值。
5、JSON數據是以對象為基礎的數據,可以通過“JSON.名稱”的方式取出值來。例如,下面把JSON的變量取出來並存於壹個變量中。
6、通過使用document.getElementById的方法獲得span對象,再把讀取出來的JSON數據使用innerHTML方法顯示在span標簽中。