Загрузка jQuery: загрузка одного файла для многих целей? - PullRequest
Новая
       7

Загрузка jQuery: загрузка одного файла для многих целей?

1 голос
/ 01 октября 2011

У меня есть несколько избранных, содержимое которых загружено в DOM ready.

Это выглядит примерно так: 

<select id="select1"> </select>
<select id="select2"> </select>
<select id="select3"> </select>
<select id="select4"> </select>
<select id="select5"> </select>

и JavaScript, как это: 

$(document).ready(function(){

    $("#select1").load("select1.html", 
             function (responseText, textStatus, XMLHttpRequest) {
               if (textStatus == "success") {
                     alert("success");
               }     
    }); 


$("#select2").load("select2.html", 
                 function (responseText, textStatus, XMLHttpRequest) {
                   if (textStatus == "success") {
                         alert("success");
                   }     
        });
    // and goes on for every select

EDIT:

Теперь каждый выбор имеет разные значения. Выбрать1 для стран, Выбрать2 для цветов, Выбрать3 для валюты и т. Д. Как объединить все параметры в 1 HTML / XML и загрузить для каждого из них свои параметры из этого 1 файла.

Вопрос 2: лучше ли загружать каждый выбранный параметр в отдельный файл или объединять все?

Обратите внимание, что теперь контент загружен на DOM ready; для целей тестирования. В этой функции я буду называть каждый выбранный контент отдельно. Причина, по которой я загружаю параметры, заключается в том, что у каждого выбора есть около 30 параметров, и я хочу сократить время загрузки, поскольку весь сайт представляет собой веб-приложение с 1 страницей на панели мониторинга и множеством параметров выбора.

1 Ответ

0 голосов
/ 01 октября 2011

Вы можете просто загрузить фрагментов с одной страницы.

Сделай так

$("#select1").load("select.html #select1_content", //continue

Таким образом, вы загружаете в #select1 содержимое #select1_content со своей единственной select.html страницы.

См. Загрузка фрагментов страницы здесь: http://api.jquery.com/load/

...