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"
}

Answer 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

Answer 2

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>

jQuery.getJSON not returning anything.

Question

2 answers

solution1
1 ACCPTED 2013-11-23 16:19:13

solution2
0 2013-11-23 16:39:21

jQuery.getJSON not returning anything.

Question

2 answers

solution1 1 ACCPTED 2013-11-23 16:19:13

solution2 0 2013-11-23 16:39:21

solution1
1 ACCPTED 2013-11-23 16:19:13

solution2
0 2013-11-23 16:39:21