Reload div with only javascript without jquery

Question

With jQuery I can update the contents of a div I using $.load(). How can I update a div in pure JavaScript?

Make an ajax call, use .innerHTML to update element contents. — Julian H. Lam
– Julian H. Lam, Commented Jun 7, 2013 at 14:59
in javascript you have to write the function yourself to do the working of $.load .Just google AJAX and you will get how to — bugwheels94
– bugwheels94, Commented Jun 7, 2013 at 15:00

Jacopofar · Accepted Answer · 2013-06-07 15:04:57Z

5

As suggested by Julian H. Lam:

var req = new XMLHttpRequest();
req.open("POST", "address_for_div_content", true);
req.onreadystatechange = function () {
  if (req.readyState != 4 || req.status != 200) return;
  document.getElementById('id_of_div')=req.responseText;
};

Here the documentation for XMLHttpRequest

answered Jun 7, 2013 at 15:04

Jacopofar

3,5072 gold badges21 silver badges29 bronze badges

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

Comments

Aya Sakr · Accepted Answer · 2020-08-18 18:04:28Z

2

I had radio inputs and wanted to reload them with the default checked values from the html; this worked for me:

const content = document.getElementById("myDiv").innerHTML;
document.getElementById("myDiv").innerHTML = content;

edited Aug 18, 2020 at 18:04

answered Aug 18, 2020 at 17:54

Aya Sakr

212 bronze badges

Comments

Head · Accepted Answer · 2013-06-07 15:00:01Z

0

Pure JavaScript (not JQuery) solution : wrap your div in an iframe, give it an id myFrame, then refresh it from the child like this:

parent.document.getElementById("myFrame").reload();

answered Jun 7, 2013 at 15:00

Head

5687 silver badges27 bronze badges

1 Comment

Felix Kling Over a year ago

I guess "wrap your div in an iframe" actually means "create a new page with just the div's content and load it via an iframe"

Collectives™ on Stack Overflow

Reload div with only javascript without jquery

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related