Home » Jquery » javascript – jQuery (3.4.1 / 3.3.1) load.() don't work, found no solution so far

javascript – jQuery (3.4.1 / 3.3.1) load.() don't work, found no solution so far

Posted by: admin February 22, 2020 Leave a comment

Questions:

I’m messing with jQuery .load()

Here is my code sample:

<html>
  <head>
    <meta charset="utf-8">
    <title>load demo</title>
    <script src="https://code.jquery.com/jquery-3.4.1.js"></script>
  </head>

  <script>
    $(document).ready(function(){
      $("button").click(function(){
        $("#div1").load('test.txt');
       });
     });
   </script>

   <body>
     <div id="div1">Old text</div>
     <button>Get new text</button>

  </body>
</html>

It doesn’t load neither on Safari (OSX) nor on Firefox (Rasperian). I knew this question was asked many times, but no answer did really helped.

How to&Answer:

Your syntax is correct but maybe your file is not fetch from correct location

You should also handle error if any

also check this jquery-load-method

 $(document).ready(function(){
  $("button").click(function(){
    $("#div1").load('/test.txt', function( response, status, xhr ) {
     if ( status == "error" ) {
        alert( "Sorry but there was an error: " + xhr.status + " " + xhr.statusText );
     }
    });
   });
 });