Javascript / jQuery .load loading multiple files into div's

Question

I am using this code to load some contents of a file into a div:

$('#mydiv').load('template1.html');

Is it possible to load multiple into multiple div's?

For example:

$('#mydiv', '#mydiv2').load('template1.html', 'template2.html');

If so how?

You can write a function which will do this. Natively not possible. — nicael
– nicael, Commented Dec 21, 2015 at 11:20
@Vohuman You can't using the $.load() function, coz it supports only one URL. — Praveen Kumar Purushothaman
– Praveen Kumar Purushothaman, Commented Dec 21, 2015 at 11:21
@Vohuman Read well: Javascript / jQuery .load loading multiple files into div's, and not using any other way. — Praveen Kumar Purushothaman
– Praveen Kumar Purushothaman, Commented Dec 21, 2015 at 11:25

Praveen Kumar Purushothaman · Accepted Answer · 2015-12-21 11:20:27Z

2

According to the documentation, no. You can't.

But if you would like to automate it, you can do using an associative object may be? This is just a try:

ajaxLoads = {
    "#div1": "template1.html",
    "#div2": "template2.html",
    "#div3": "template3.html",
    "#div4": "template4.html",
    "#div5": "template5.html"
}
$.each(ajaxLoads, function (div, url) {
    $(div).load(url);
});

answered Dec 21, 2015 at 11:20

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

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

Comments

artico · Accepted Answer · 2021-12-07 22:12:57Z

0

Another way using jQuery:

let pages = [
    'page1.html', 
    'page2.html'
];

$.each(pages, function(_key, value) {
    $.get(value, {}, function(result) { 
        let $html = $('<div />').html(result); 
        $('#mydiv').append($html); 
    },'html');
});

answered Dec 7, 2021 at 22:12

artico

3762 silver badges7 bronze badges

1 Comment

artico Over a year ago

Note: in this case, multiple html files are appended to the same div.

Collectives™ on Stack Overflow

Javascript / jQuery .load loading multiple files into div's

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related