Асинхронная загрузка панелей с использованием JQuery в ASP.NET

Question

У меня есть страница в ASP.NET, которая имеет разные панели.Я хочу загрузить эти панели асинхронно и / или синхронно

Например: при загрузке страницы у меня на странице отображаются следующие DIV (разделы):

<div id=panel1> contents for panel1 </div>
<div id=panel2> contents for panel2 </div>
<div id=panel3> contents for panel3 </div>
<div id=panel4> contents for panel4 </div>

Я хочу загрузитьПанель 1 и Панель 2 синхронно, поэтому панель 3/4 будет ожидать окончания работы панели 2.Как только панель 2 будет готова, панель 3/4 загрузится асинхронно.

Вероятно, есть много способов сделать это с jQuery или без него, но было бы неплохо иметь простую структуру вызовов.Возможно, что-то вроде:

LoadPanel(1,false)
LoadPanel(2,false)
LoadPanel(3,true)
LoadPanel(4,true)

Первый параметр - это идентификатор панели, а второй - указать синхронизирующий / асинхронный вызов.

Есть предложения, как мне это сделать?Будет ли проще использовать плагин JQuery Queue?

Заранее спасибо.

Answer 1

Да, вы можете сделать это следующим образом

function LoadPanel(panelNumber, async){
   ...
   $.ajax({
      ...
      async: async //This does the trick
   })
}

И это все! Параметр async в $.ajax делает именно это, сообщает, должен ли запрос быть асинхронным или нет.

Надеюсь, это поможет. Приветствия