如何从javascript中的json响应中获取变量？

Question

我在从响应字符串中获取变量时遇到问题。 我的回答是这样的：

responseText = {'page':'2','endOfPage':'yes','content':'abc'}

alert(responseText.page);

正在返回undefined，任何人都可以建议怎么做？

Answer 1

你的问题是你的responseText实际上是一个字符串（ responseText = "{'page':'2','endOfPage':'yes','content':'abc'}"; ）。 您首先必须解析它以创建一个对象，但这会失败，因为您使用的单引号是无效的JSON - 您需要使用双引号来解决问题：

var json= "{ \"page\": 2, \"endOfPage\": \"yes\", \"content\": \"abc\" }";
var obj = JSON.parse(json);
alert(obj.page);

如果您无法更改JSON生成器实现以返回带双引号的响应，请尝试将每个引号替换为双引号，如下所示：

var invalidJson = "{'page':'2','endOfPage':'yes','content':'abc'}";
validJson= invalidJson.replace(/\'/g, "\"");
var obj = JSON.parse(validJson);
alert(obj.page);

Answer 2

• 如果您使用的是jQuery，可以使用：

responseText ='{“page”：“2”，“endOfPage”：“yes”，“content”：“abc”}';
responseText = jQuery.parseJSON（responseText）;
警报（responseText.endOfPage）;

• 在Javascript中：

 responseText = '{"page":"2","endOfPage":"yes","content":"abc"}'; alert(JSON.parse(responseText).page); 

一些现代浏览器支持将JSON解析为本机js对象

Answer 3

您需要使用eval函数将json转换为object：

responseText = {'page':'2','endOfPage':'yes','content':'abc'}​​​​
var responseObject = eval(responseText);

alert(responseObject.page);