Вставьте html из ajax-вызова в несколько разделов

Question

Я делаю вызов ajax функции, которая возвращает html.

$.ajax({ 
     url: url, 
     type:'POST', 
     dataType: 'html', 
     success: function(output){ 
       $("#prikaz_oglasov").html(output); 
      } 
      ,error: function (xhr, status) { 
       alert('error: ' + status); 

      } 
     }); 

Вставить html в div с определенным идентификатором. Теперь, когда происходит событие onclick, я хотел бы получить два куска html-кода и вставить его в два разных div. Я мог бы, конечно, сделать два вызова ajax, но это не кажется очень эффективным. Есть какой-либо способ сделать это?

Answer 1

Я думаю, что ваши варианты либо сделать сервер возвращает ответ JSON выглядит как

{ 
    chunk1: 'some html', 
    chunk2: 'some html' 
} 

, а затем что-то вроде

... 
dataType: 'json', 
success: function(output){ 
    $("#prikaz_oglasov").html(output.chunk1); 
    $("#prikaz_oglasov2").html(output.chunk2); 
} 
... 

или попытаться разделить входящий HTML на две куски используя регулярное выражение.

Answer 2

Я бы предпочел отправить 2 отдельных запроса, особенно если этот HTML является статическим. Более чистый код лучше.