Tell me more ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

I'm very new to javascript so I need a little help! I need to read a ".json" file from my localhost, but it didn't work!

The contents of the file are as follows:

[
 {"source":"tw1", 
  "text":"fubar"}, 

 {"source":"tw2", 
  "text":"foo"}
]

I set up the localhost with the command: python -m http.server 8888 &, which is posted D3.js here.

I wrote the following javascript code:

<script type="text/javascript" src="lib/jquery-1.9.1.js"></script>
   <script>
    $(document).ready(
        $.getJSON("http://localhost/test.json", function(data){
            document.write(data);

    });
    </script>
share|improve this question
1  
What is the problem? –  Amberlamps Mar 29 at 12:16
 
Refer stackoverflow.com/questions/7346563/loading-local-json-file.. it may help you –  Nishu Tayal Mar 29 at 12:18
 
I agree with @Amberlamps. Please edit the question and show the error you are getting. –  Jess Mar 29 at 12:31
 
Sry i get no error, i get nothing, thats one of the problems –  dot Mar 29 at 12:45
add comment

1 Answer

up vote 2 down vote accepted

If you open your server on port 8888, then you must request it on that port :

$.getJSON("http://localhost:8888/test.json", function(data){

But beware that the server must set the correct CORS headers if you want to be able to pass cross domain restrictions.

A third problem is that your code can't compile : you're missing a });. The indentation asymmetry makes it obvious : 

$(document).ready(
    $.getJSON("http://localhost:8888/test.json", function(data){
        document.write(data);
    }); // <=== was missing
});

A fourth problem is that you wan't use document.write once the page is loaded. You must write using DOM manipulation methods, like $(document.body).append($('<pre>'+data+'</pre>'));

share|improve this answer
 
Thanks for the fast reply, where is the }); missing, this is above the </script> tag or not? –  dot Mar 29 at 12:33
 
@dot I edited. You should try to get used to see symmetry in the code. That's how I spot most obvious errors. –  dystroy Mar 29 at 12:37
 
How can i set the correct CORS headers, on this simple server, sry the silly question! –  dot Mar 29 at 12:58
 
here's an example. –  dystroy Mar 29 at 12:59
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.