在多个部分中从ajax调用插入html

Question

我对一个返回html的函数进行ajax调用。

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

            } 
       }); 

我将html插入具有特定ID的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是静态的。清洁代码更好。