Multiple load functions?

Question

I'm curious if there is a better way to handle multiple load() functions on one page? I've got this code right here:

setInterval(function update() {
    if (denial) return;
    denial = true;
    $.ajax({
        url: 'update.php',
        error: function () {
            denial = false;
        },
        complete: function () {
            denial = false;
            $('#loader').hide("slow");
            $('#credits').load('world1.php?mode=money');
            $('#fuelleft').load('world1.php?mode=fuel');
            $('#energyleft').load('world1.php?mode=energy');
            $('#starmap').show("slow");
            $('#upgrade-holder').load('world1.php?mode=up');
        },
    });
}, 1000);

It works perfectly fine, but is there any way I could improve this code?

Welcome to Stack Overflow! If the code works perfectly fine and you're just looking for someone to look over your code and see if you could improve them, you might like to take a look at Code Review. If there is an issue with your code that you know about though, Stack Overflow is suitable for those types of questions. — Qantas 94 Heavy
– Qantas 94 Heavy, Commented Feb 17, 2014 at 2:39

icktoofay · Accepted Answer · 2014-02-17 02:44:44Z

3

update.php could include all the content that needed to be updated. You could then update that with html, e.g.:

$.ajax({
    url: 'update.php',
    dataType: 'json',
    success: function(data) {
        $('#credits').html(data.money);
        $('#fuelleft').html(data.fuel);
        $('#energyleft').html(data.energy);
        // ...
    }
});

This code here assumes that update.php returns JSON that looks like this:

{"money":"<p>some HTML to go into #credits</p>","fuelleft":"<p>more HTML</p>",…}

…but you could easily modify it for other output formats.

edited Feb 17, 2014 at 2:44

answered Feb 17, 2014 at 2:39

icktoofay

130k23 gold badges261 silver badges239 bronze badges

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

Collectives™ on Stack Overflow

Multiple load functions?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related