Предварительная загрузка файлов wav/mp3 в jQuery

Question

У меня есть этот код (найден из другого вопроса Stackru:

$(document).ready(function() {
    $.ajax({
        url: "soundfile.mp3",
        success: function() {
            $("#play_button").show();
        }
    });
});

Этот код работает нормально, но как я могу изменить его для обработки нескольких звуковых файлов?

Answer 1

Хм. Я думаю, что у вас есть два варианта здесь: либо начать несколько $.ajax() запрашивает сразу, просто скопировав + вставив блок:

$(document).ready(function() {
  $.ajax({url: "file1.mp3", success: function() {$("#play_button").show();}});
  $.ajax({url: "file2.mp3", success: function() {$("#play_button").show();}});
  $.ajax({url: "file3.mp3", success: function() {$("#play_button").show();}});
  $.ajax({url: "file4.mp3", success: function() {$("#play_button").show();}});   
});

Или запустить их последовательно, поставив следующий $.ajax() запрос в success обратный вызов предыдущего.

Я предпочел бы запускать предварительные загрузки последовательно из-за максимального ограничения соединения как на стороне браузера, так и на стороне сервера. Открытие большого количества одновременных соединений может замедлить загрузку других важных элементов, таких как изображения, файлы JavaScript и таблицы стилей.