Question

I am trying to load a html page in a div through .load() method.

<div id="randomDiv">

and then in Js function ( let say on click of a button ) trying this : $('#randomDiv').load('js/abc.html');

I have added "script src="js/jquery-1.8.2.min.js" " in the html file.

But i am getting this error : XMLHttpRequest cannot load file:////C:/code/js/abc.html Origin null is not allowed by Access-Control-Allow-Origin.

I am using Chrome.

Also i am getting the warning at page load for almost all js included “Resource interpreted as Script but transfered with MIME type text/plain”.

What is going wrong ?

Thanks

Answer 1

try to use

$('#randomDiv').load('js/abc.html');

This is a cross-domain request and is not permitted. Test from localhost instead of an external file

your abc.html should be inside localhost