JSON,全称 JavaScript Object Notation,是一种轻量级数据交换格式。与 XML 不同,JSON 的语法非常简洁明了,易于读写和解析,在 Web 应用中得到了广泛应用。
JSON 的数据结构很简单,通常由键值对组成。例如,下面是一个简单的 JSON 数据串,其中包含了一些 HTML 格式的文本:
```
{
"title": "
欢迎来到我的博客!
", "content": "今天天气很好,适合散步。
下午我去了公园,看到了很多漂亮的花卉。
", "author": "\nName: John Smith\nEmail: john@example.com\n" } ``` 在这个数据串中,键值对的值都是由一段 HTML 格式的文本组成的。其中,标题是一个 `h1` 标签,文章正文是两个 `p` 标签,作者信息使用了 `pre` 标签。 如果我们在 JavaScript 中读取这个 JSON 数据,我们可以像这样解析: ``` const jsonStr = '{"title":"
欢迎来到我的博客!
","content":"今天天气很好,适合散步。
下午我去了公园,看到了很多漂亮的花卉。
","author":"\\nName: John Smith\\nEmail: john@example.com\\n"}'; const data = JSON.parse(jsonStr); const title = data.title; const content = data.content; const author = data.author; document.querySelector('#title').innerHTML = title; document.querySelector('#content').innerHTML = content; document.querySelector('#author').innerHTML = author; ``` 在解析完 JSON 数据之后,我们可以直接将标题、内容、作者信息插入到 HTML 页面中。需要注意的是,在使用 `innerHTML` 插入 HTML 格式文本时,在浏览器中渲染时可能会存在 XSS 攻击的风险,因此应当保证这些数据串是安全的、可信的。