ajax - 在多个部分中插入来自 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 是静态的。更简洁的代码更好。