Refresh Part of Page (div)

65down votefavorite

27

I have a basic html file which is attached to a java program. This java program updates the contents of part of the HTML file whenever the page is refreshed. I want to refresh only that part of the page after each interval of time. I can place the part I would like to refresh in a div, but I am not sure how to refresh only the contents of the div. Any help would be appreciated. Thank you.

javascript html refresh

shareimprove this question

edited Mar 2 '17 at 0:32

Aaron

59011230

asked Jul 26 '13 at 16:35

user760220

3971611

add a comment

4 Answers

activeoldestvotes

up vote92down voteaccepted

Use Ajax for this.

Build a function that will fetch the current page via ajax, but not the whole page, just the div in question from the server. The data will then (again via jQuery) be put inside the same div in question and replace old content with new one.

Relevant function:

http://api.jquery.com/load/

e.g.

$('#thisdiv').load(document.URL +  ' #thisdiv');

Note, load automatically replaces content. Be sure to include a space before the id selector.

shareimprove this answer

edited Nov 14 '17 at 10:17

Quentin

592k66805974

answered Jul 26 '13 at 16:38

user1721135

4,99262246