my HTML file cant load another file using load function(jquery)

Question

I found this example on w3schools.com and it should be working(it works on the website) but it doesn't work when I write it on my IDE(Atom).the home page is looking good but when I clicking the button nothing happened and it's not loading the demo_test.txt file. what am I doing wrong? or maybe something is missing?

home.html

$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("demo_test.txt");
  });
});

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>

<button>Get External Content</button>

</body>
</html>

demo_test.txt

jQuery and AJAX is FUN!!!

This is some text in a paragraph.

@Aaron3219 I don't know. I don't have any alerts on the console. but the browser doesn't load the second file — Netanel Ben Isahar
– Netanel Ben Isahar, Commented Oct 24, 2019 at 14:23
Is the file demo_test.txt on the same folder level as home.html? — Danilo Körber
– Danilo Körber, Commented Oct 24, 2019 at 14:27

Ahmed Tag Amer · Accepted Answer · 2019-10-24 14:56:16Z

1

To start use Ajax, you must host your website or application on your machine, this called localhost.

There is many FREE applications you can use to create a localhost:

https://www.appserv.org/en/ .
https://www.apachefriends.org/index.html .
IIS *.

Download any of applications above and install it, it's very easy.

After installation, you can access your website with link http://localhost or http://127.0.0.1 .

You can create localhost without using any applications with IIS (Internet Information Services), but it's complicated compared to above applications.

answered Oct 24, 2019 at 14:56

Ahmed Tag Amer

1,4221 gold badge10 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ahmed Tag Amer Over a year ago

If this answer solved you problem, please accept it as correct answer.

Collectives™ on Stack Overflow

my HTML file cant load another file using load function(jquery)

jQuery and AJAX is FUN!!!

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

jQuery and AJAX is FUN!!!

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related