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

Question

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.

What do you mean "doesn't work"? Is it throwing any errors? What network request does it send and what response does it receive? — VLAZ, Feb 17 '20 at 13:01
I expect 'test.txt' cannot be found. Check the network panel in the browser's console/developer tools. Is it returning a 404? — Moob, Feb 17 '20 at 13:05
As far as I remember .load() doesn't work well locally due to browser CORS policies. — Rasmus Puls, Feb 17 '20 at 13:07
Does this answer your question? [jQuery load() function doesn't work](https://stackoverflow.com/questions/25701914/jquery-load-function-doesnt-work) — Heretic Monkey, Feb 17 '20 at 13:10
sorry about the spelling. it is returning anything, the file test.txt exists in the same directory as the the .html. How do I show error codes? — Chrisp, Feb 17 '20 at 13:13
@Chrisp Your protocol starts with `file:///`? Are you running your files without server? — Ritesh Khandekar, Feb 17 '20 at 13:14

Ravi Makwana · Answer 1 · 2020-02-17T13:15:24.167

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 );
     }
    });
   });
 });

score 1 · Answer 2 · edited Mar 24 '21 at 11:20

1

jquery-3.4.1 keypress() event is not triggered for links on firefox at second time. Initially, when screen loads, the event is triggered. Coming back from any other screens to previous screen, it is not triggered.

edited Mar 24 '21 at 11:20

Cosmin Staicu

1,809
2
20
27

answered Mar 23 '21 at 12:28

preethi

11
1

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

2 Answers2