Home/ Questions/Q 8314049
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T20:41:33+00:00

I have this markup for my index.html <html> <head> <title>Jquery Ajax</title> <script src=jquery.js></script> <script>

  • 0

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?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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

    • 0