HTML是一種用于構(gòu)建Web頁(yè)面的標(biāo)記語(yǔ)言。在許多Web應(yīng)用程序中,我們需要從服務(wù)器獲得數(shù)據(jù),并在客戶端JavaScript中動(dòng)態(tài)展示數(shù)據(jù)。這時(shí)候,我們通常使用JSON格式來傳遞數(shù)據(jù)。那么如何從HTML中獲取JSON數(shù)據(jù)呢?
// 這是一個(gè)簡(jiǎn)單的JSON對(duì)象 var data = { name: "張三", age: 18, address: "北京市朝陽(yáng)區(qū)" }; // 將JSON對(duì)象轉(zhuǎn)換為JSON字符串 var jsonString = JSON.stringify(data); // 將JSON字符串作為文本插入到HTML標(biāo)簽中 document.getElementById("json-data").innerHTML = jsonString;
在上面的代碼中,我們首先定義了一個(gè)JSON對(duì)象,然后使用JSON.stringify()函數(shù)將它轉(zhuǎn)換為JSON字符串。接著,我們使用document.getElementById()函數(shù)獲取到HTML中一個(gè)元素的引用,然后使用innerHTML屬性將JSON字符串插入到該元素中。
上面的方法只是將JSON作為文本插入到HTML標(biāo)簽中,如果我們需要在JavaScript中使用JSON數(shù)據(jù),應(yīng)該如何處理呢?我們可以通過在HTML中使用