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?
I will make two assumptions:
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