使用 JSON

#使用 JSON| 来源: 网络整理| 查看: 265

上述示例就访问 JSON 而言是简单的，因为我们设置了 XHR 来访问 JSON 格式数据：

request.responseType = 'json';

但是有时候我们没有那么幸运，我们接收到一些字符串作为 JSON 数据，然后我们想要将它转换为对象。当我们想要发送 JSON 数据作为信息，我们将需要转换它为字符串，我们经常需要正确的转换数据，幸运的是，这两个问题在 web 环境中是那么普遍以至于浏览器拥有一个内建的 JSON，包含以下两个方法。

parse(): 以文本字符串形式接受 JSON 对象作为参数，并返回相应的对象。 stringify(): 接收一个对象作为参数，返回一个对应的 JSON 字符串。

您可以看看我们 heroes-finished-json-parse.html 示例的第一个操作 (见 source code) ，除了返回的是 text，这做了一件与我们之前一模一样的事情，然后使用 parse() 来将他转换成为 JavaScript 对象。关键片段如下：

request.open('GET', requestURL); request.responseType = 'text'; // now we're getting a string! request.send(); request.onload = function() { var superHeroesText = request.response; // get the string from the response var superHeroes = JSON.parse(superHeroesText); // convert it to an object populateHeader(superHeroes); showHeroes(superHeroes); }

正如您所想，stringify() 做相反的事情。尝试将下面的代码输入您的浏览器 JS 控制台来看看会发生什么：

var myJSON = { "name" : "Chris", "age" : "38" }; myJSON var myString = JSON.stringify(myJSON); myString

这儿我们创建了一个 JavaScript 对象，然后检查了它包含了什么，然后用stringify() 将它转换成 JSON 字符串，最后保存返回值作为变量。然后再一次检查。

【本文地址】

公司简介

联系我们