jQuery load and get

Question

I have this markup for my index.html

<html>
     <head>
         <title>Jquery Ajax</title>
         <script src="jquery.js"></script>
         <script>
             $(document).ready(function(){
             $('button').click(function() {
                 $('#result').load('ajax/about.html');
             });
             });
         </script>
     </head>

     <body>
         <button>Click me</button>
         <div id="result">Hel</div>
     </body>
</html>

and in my about.html I have a simple text. When I click the button nothing happens. Consider that I have used $.get, too. but it does not works. Can someone help?

Works fine http://jsfiddle.net/7grqz/2/ . Are you sure `jquery.js` exists? Check your console. — Esailija, Aug 01 '12 at 09:53
XMLHttpRequest cannot load file:///D:/design&develop/Test/jquery-ajax/ajax/about.html. Origin null is not allowed by Access-Control-Allow-Origin. — user3631047, Aug 01 '12 at 09:55
possible duplicate of [Problems with jQuery getJSON using local files in Chrome](http://stackoverflow.com/questions/2541949/problems-with-jquery-getjson-using-local-files-in-chrome) — icktoofay, Mar 18 '14 at 05:19

score 1 · Accepted Answer · answered Aug 01 '12 at 09:58

If your working locally you may have issues if your using chrome try firefox instead or launch chrome like this

Mac

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --allow-file-access-from-files

Windows

open /Applications/Google\ Chrome.app --args --allow-file-access-from-files

If your docs are all online then make sure your both files are on the same domain

Also if your using php i think you can add this

<?php header('Access-Control-Allow-Origin: *'); ?>

but make sure you remove it before going live

No probs long as you stay in the same domain when you go online then all should be fine :) good luck — Dominic Green, Aug 01 '12 at 10:03

jQuery load and get

1 Answers1