Question

129

Using JavaScript to get JSON response and display on the webpage, testing JavaScript

rated 0 times [ 134] [ 5] / answers: 1 / hits: 38367 / 11 Years ago, sun, july 28, 2013, 12:00:00

I'm trying to create a JS app with the following functionality: A button that gets a JSON document and displays that text. I'm going through an Elasticsearch tutorial, and there is indeed valid JSON at the url I provide:

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

When using the code below...I get an alert of

[object Object]

instead of an alert with the full JSON. I'm planning to take the steps next of actually selecting part of the JSON, but I'd like to at least see the full document first...

Any ideas? Thank you in advance!

<!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>