使用JavaScript获取JSON响应并显示在网页上，测试JavaScript

我试图创建一个具有以下功能的JS应用程序：一个获取JSON文档并显示该文本的按钮。我经历的Elasticsearch教程，也的确是在我公司提供的网址有效的JSON：使用JavaScript获取JSON响应并显示在网页上，测试JavaScript

{"_index":"planet","_type":"hacker","_id":"xfSJlRT7RtWwdQDPwkIMWg","_version":1,"exists":true, "_source" : {"handle":"mark","hobbies":["rollerblading","hacking","coding"]}}

使用下面的代码......我得到的

[object Object]

警报，而不是带有完整JSON的警报。我打算采取下一步实际选择部分JSON，但我想至少先看到完整的文档...

任何想法？先谢谢你！

<!DOCTYPE html> 
<html lang="en"> 
<head><title>Demo</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /></head> 

<body> 
    <input id="testbutton" type="button" value="Test" /> 
    <p id="results">results appended here: </p> 

<script type="text/javascript" src="jquery-1.10.2.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#testbutton").click(function() { 
     $.ajax({ 
      url: 'http://localhost:9200/planet/hacker/xfSJlRT7RtWwdQDPwkIMWg', 
      dataType: 'json', 
      success: function(data) { 
       $("#results").append('all good'); 
       alert(data); 
      }, 
      error: function() { 
       $("#results").append("error"); 
       alert('error'); 
      } 
     }); 
    }); 
}); 
</script> 
</body> 
</html>

来源

2013-07-28 allstar

不是使用'alert'，而是使用'console.log'。这将使您在未来的调试工作中更加轻松。 –

http://stackoverflow.com/q/29694300/4768363类似问题请通过。 –

使用alert(JSON.stringify(data));

来源

2013-07-28 21:50:36

jQuery的尝试“最佳猜测”接收到的数据格式，并解析它。

这正是你所看到的。 jQuery已经将JSON解析为一个对象。要查看JSON表示，可以再次对数据进行串联处理;

alert(JSON.stringify(data));

...或者，你可以告诉jQuery的不能解析首先响应，通过dataType: "string"作为选项之一。然后data将成为JSON表示，并且您必须JSON.parse(data)才能将其转换为对象。

来源

2013-07-28 21:51:19 Matt

你所得到的JSON转换为JavaScript对象，从中可以使用.运营商访问诸如

alert(data._type);

来源

2013-07-28 21:52:02 shyam

简单的单个属性！

alert()在返回“[object Object]”的对象上调用.toString()。使用console.log(data)，右键单击并转到控制台（或点击F12）。

或只是照其他方式做：alert(JSON.stringify(data));

来源

2013-07-28 21:52:54

使用JavaScript获取JSON响应并显示在网页上，测试JavaScript

回答

相关问题