Jquery .load using javascript variable

Question

I have this code tested in w3school

    <!DOCTYPE html>
<html>
<head>

</head>
<body>

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

<b>Books</b>

<br>

Author<br>
<div id="author"></div>
<br>


<script>
var getvar = "books.xml";

$( "#author" ).load("books.xml author");


</script>
</body>
</html>

This is working... now I need to replace the books.xml with the variable getvar

This code is not working

    <script>
var getvar = "books.xml";

$( "#author" ).load("getvar author");


</script>

Any help how to replace with the getvar variable?

Nikhil Aggarwal · Accepted Answer · 2015-08-15 07:39:18Z

2

You need to update your code from

$( "#author" ).load("getvar author");

to

$( "#author" ).load(getvar + " author");

Additionally, move your script inside document ready block.

edited Aug 15, 2015 at 7:39

answered Aug 15, 2015 at 7:36

Nikhil Aggarwal

28.5k4 gold badges46 silver badges61 bronze badges

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

5 Comments

syntaxcode Over a year ago

I tried that but it didn't work. Got this message - 504 - Gateway Timeout

Nikhil Aggarwal Over a year ago

The above should have worked. You should also move your script inside the the document ready block.

Nikhil Aggarwal Over a year ago

@syntaxcode - Apologies but not clear with your comment on head tag

syntaxcode Over a year ago

For some reason, when I placed the script into the head and followed your code, then it worked.

Nikhil Aggarwal Over a year ago

The above code will work fine even when you place your script in body tag. However, as I mentioned, you should move your script inside document ready block. For reference - learn.jquery.com/using-jquery-core/document-ready

Collectives™ on Stack Overflow

Jquery .load using javascript variable

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related