"MLHttpRequest cannot load file: ///path/to/file.html" error

Question

I'm trying to load a local html file in a div when a certain pressed with the following jquery load command.

$("#div_name").load("local_html_file");

But I'm getting the following error.

MLHttpRequest cannot load file:///path/to/file.html. Received an invalid response. Origin 'null' is therefore not allowed access.

I'm not running any special servers. Just running my html files with Chrome. I searched it and kind of know what the problem is but don't know how to solve it.

Setup a local server - if you have PHP installed for instance, just run `php -S localhost:8000`, in the folder you want to serve your files from, then point your browser to `http://localhost:8000` et voilà. — moonwave99, Aug 28 '14 at 14:12
Thanks guys. I found an answer which is to put the second html file on a apache server. — Mohammad Moghimi, Aug 28 '14 at 14:18
The original problem was that I couldn't put everything there because I'm loading some (a lot) local images and there are some security/privacy concerns to keep them locally. — Mohammad Moghimi, Aug 28 '14 at 14:19

score 1 · Accepted Answer · edited May 23 '17 at 12:27

1

Jquery .load() method is an ajax call.

That's why it will not work locally... You need to run it on a server that will accept HttpRequest's.

It's been discussed before:

edited May 23 '17 at 12:27

Community

1
1

answered Aug 28 '14 at 14:10

LcSalazar

15,934
3
32
66

You won't need a server for that. It's client side. – Cas Bloem Aug 28 '14 at 14:11
Well since he used a URL fragment, the browser will implicitly turn it into a `file://` URL relative to the main page's URL, but it still won't work. – Pointy Aug 28 '14 at 14:11
@CasBloem - Yes you do. – Derek 朕會功夫 Aug 28 '14 at 14:12

"MLHttpRequest cannot load file: ///path/to/file.html" error

1 Answers1