Javascript 多重加载函数？

我很好奇是否有更好的方法在一个页面上处理多个

load（）

函数？我这里有一个代码：

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);

---

它工作得非常好，但是有什么方法可以改进这段代码吗？

update.php

可以包含所有需要更新的内容。然后，您可以使用

html

更新，例如：

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

这里的代码假设

update.php

返回如下所示的JSON：

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

{“money”：“一些HTML进入#credits
”，“fueleft”：“更多HTML
”，…}

…但您可以轻松地将其修改为其他输出格式。

欢迎使用！如果代码运行得非常好，而您只是想找人检查一下您的代码，看看是否可以对其进行改进，那么您可能想看看。但是，如果您知道的代码存在问题，则适用于这些类型的问题。