jQuery.getJSON not returning anything.

Question

I'm trying to call a json file, but my function isnt returning anything.

index.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script>$(document).ready(function(){
    $.getJSON( 'ebooks.json', function( fb ) {
        alert(fb);
    });          
});
}

ebooks.json

{
"title" : "software design"
}

If there's no alert at all, the first thing to do is to open your console and look for errors, if there are non, the second thing to do would be to add a fail() handler and see what the problem is. — adeneo
– adeneo, Commented Nov 23, 2013 at 16:16

Krish R · Accepted Answer · 2013-11-23 16:19:13Z

1

Can you try this, You have added extra } in your code,

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

 <script>

    $(document).ready(function(){
        $.getJSON( 'ebooks.json', function( fb ) {
            alert(fb);
        });          
    });

</script>

You can able to find this errors using in Firefox Tools->Web Developer ->Error Console or CTRL+SHIFT+J

answered Nov 23, 2013 at 16:19

Krish R

22.7k7 gold badges54 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Krish R Over a year ago

NP. Glad to help you :)

FrankZ · Accepted Answer · 2013-11-23 16:39:21Z

0

Don't know why to be honest, but it only worked when I declared the ready() function separately and passed this function to $(document).ready.

<html>
<body>
    <h1 id="titel">Title</h1>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script type="text/javascript">
    function ready() {
        $.getJSON( 'ebooks.json', function( fb ) {
            alert(fb.title);
        });          
    };

    $(document).ready(ready());

</script>
</body>
</html>

answered Nov 23, 2013 at 16:39

FrankZ

1311 silver badge6 bronze badges

Collectives™ on Stack Overflow

jQuery.getJSON not returning anything.

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related