Loading JSON Data with Jquery

Question

I'm trying to follow this tutorial: http://www.9lessons.info/2009/10/json-jquery-ajax-php.html

Here is my code: http://jsfiddle.net/9ujd8s8r/1/

How comes that it doesn't load the JSON data into the page with this code?

$(function () {
    $(".load").click(function () {
        $.getJSON("http://demos.9lessons.info/data.json", function (data) {
            $.each(data.posts, function (i, data) {
                var div_data = "<div class='box'><a href='" + data.url + "'>" + data.title + "</a></div>";

                $(div_data).appendTo("#9lessonsLinks");
            });
        });
        return false;
    });


});

You have not define "9lessonsLinks" id anywhere in the html. define it. due to that your data is not populating. — Code Lღver
– Code Lღver, Commented Sep 12, 2014 at 13:40
By the way, mentioned site has awful code indentation. To be honest, it doesn't have code indentation at all... — Regent
– Regent, Commented Sep 12, 2014 at 13:40

Community · Accepted Answer · 2017-05-23 11:44:02Z

1

Check your console for errors. The following error is showing:

XMLHttpRequest cannot load http://demos.9lessons.info/data.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://fiddle.jshell.net' is therefore not allowed access.

For more information see "No 'Access-Control-Allow-Origin' header is present on the requested resource".

edited May 23, 2017 at 11:44

CommunityBot

11 silver badge

answered Sep 12, 2014 at 13:40

Dan

9,4885 gold badges44 silver badges76 bronze badges

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

Comments

T00rk · Accepted Answer · 2014-09-12 13:41:13Z

0

Your code seems correct. It's a problem of crossdomain. You try to access resource in another server which has not defined that you can.

http://jquery-howto.blogspot.fr/2013/09/jquery-cross-domain-ajax-request.html

answered Sep 12, 2014 at 13:41

T00rk

2,3093 gold badges21 silver badges28 bronze badges

3 Comments

Andy Over a year ago

Note: JSONP won't help here as the server doesn't provide a JSONP service.

T00rk Over a year ago

Yes but there is 5 other methods which can maybe help

Andy Over a year ago

Yes, and I was simply pointing out that one of them won't work.

Collectives™ on Stack Overflow

Loading JSON Data with Jquery

2 Answers 2

Comments

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Linked

Related