Jquery ajax request always failing - Origin

Question

I have this code in on my desktop:

$(function () {
    $('#country_link').on('click', function () {
        $.ajax({
            type: 'GET',
            dataType: 'html',
            url: '/ajax.html',
            timeout: 5000,
            beforeSend : function() {
                $("#country_slide").show('fast');
                $("#country_slide").html('<p>Loading</p>')
            }, 
            success: function (data, textStatus) {
                $("#country_slide").html(data);
                alert('request successful');
            },
            error: function (xhr, textStatus, errorThrown) {
                alert('request failed');
                $("#country_slide").hide('fast');
            },
            complete : function() {
               $('.loader').hide();
            }, 
        });
        return false;
    });
});

I also have an ajax.html file with the following content:

<p>Hello World</p>

When I click the link I always get the message "request failed". The message console gives me is this:

Origin null is not allowed by Access-Control-Allow-Origin. test.html:1

I'm a bit confused, since these files are both local why does it complain about the origin?

see here http://stackoverflow.com/questions/8456538/origin-null-is-not-allowed-by-access-control-allow-origin — PSR, Jun 06 '13 at 10:13
You are doing a CORS request. Your server must accept those, otherwise it won't work. — GEMI, Jun 06 '13 at 10:14
You can't run ajax on a file that is accessed using `file://`. You'll need to set up a web server and run it on `127.0.0.1` — Reinstate Monica Cellio, Jun 06 '13 at 10:14
Ok, I see. I edited my code to show the ajax.html. If someone adds this as an answer I can accept. — J.Zil, Jun 06 '13 at 10:16
@roasted He doesn't *need* an apache server. He needs a web server. Any will do :) — Reinstate Monica Cellio, Jun 06 '13 at 10:17

Jquery ajax request always failing - Origin

0 Answers0