在Web開發(fā)中,我們通常需要在不同的頁面和組件之間傳遞一些數(shù)據(jù)。其中一種常見的數(shù)據(jù)格式是JSON。那么,我們?nèi)绾卧陧撁嫔想[藏JSON數(shù)據(jù)呢?
一種經(jīng)典的方法是使用<script>
標簽以字符串形式嵌入JSON數(shù)據(jù),然后使用JavaScript來解析它。這種方法的缺點是需要手動編寫JavaScript代碼進行解析。
那么,有沒有更好的方法呢?答案是有的。我們可以使用<script>
標簽的type
屬性來指定為application/json
。這樣,JSON數(shù)據(jù)就可以以innerHTML
屬性的形式嵌入到這個標簽中,而不需要進行手動解析。
<script type="application/json" id="myData"> { "name": "John Doe", "age": 30, "email": "johndoe@example.com" } </script>
然后,我們通過JavaScript代碼來獲取這個<script>
標簽,并使用JSON.parse()
方法來解析其中的JSON數(shù)據(jù):
const jsonString = document.getElementById("myData").innerHTML; const jsonData = JSON.parse(jsonString);
使用這種方法,我們可以在頁面上隱藏JSON數(shù)據(jù),而不需要手動編寫解析代碼。