XMLHttpRequest cannot load Origin null is not allowed by Access-Control-Allow-Origin

Question

I have a code.html file containing the following code.

$.ajax({ 
    type: "POST", 
    datatype: "JSONP",
    url: "path",
    success: function(msg){
    var e = document.createElement("div");
    e.id = "ads";
    document.body.appendChild(e);
    $("#ads").html(msg);
    }
});

When I open the code.html file in the browser, it gives an error:

**"XMLHttpRequest cannot load file://..... Origin null is not allowed by Access-Control-Allow-Origin."**

What is causing this and what can I do to fix this?

in same host its works fine. but in different its not working — Thasni anes
– Thasni anes, Commented Aug 17, 2011 at 11:45
possible duplicate of XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin — Maerlyn
– Maerlyn, Commented Aug 17, 2011 at 13:03
possible duplicate of XMLHttpRequest Origin null is not allowed Access-Control-Access-Allow for file:/// to file:/// (Serverless) — kapa
– kapa, Commented Oct 29, 2012 at 23:08

Community · Accepted Answer · 2017-05-23 11:45:39Z

9

I will make two assumptions:

You are probably using chrome
You are opening a file from the filesystem (i.e. double clicking)

Then, this question is a duplicate of XMLHttpRequest Origin null is not allowed Access-Control-Allow-Origin for file:/// to file:/// (Serverless)

The browser is preventing cross site scripting. See: https://developer.mozilla.org/en-US/docs/HTTP_access_control

edited May 23, 2017 at 11:45

CommunityBot

11 silver badge

answered Oct 29, 2012 at 18:48

Josep Valls

5,6103 gold badges39 silver badges70 bronze badges

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

Comments

wukong · Accepted Answer · 2011-08-18 10:48:23Z

2

if you your dataType is jsonp(lowercased), the ajax type must be GET not POST

Update:

Use $.getJSON insteadof $.ajax should solve your problem

edited Aug 18, 2011 at 10:48

answered Aug 17, 2011 at 11:38

wukong

2,6272 gold badges28 silver badges35 bronze badges

2 Comments

wukong Over a year ago

what's the address you posted?

wukong Over a year ago

use $.getJSON insteadof $.ajax

Collectives™ on Stack Overflow

XMLHttpRequest cannot load Origin null is not allowed by Access-Control-Allow-Origin

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related