在多个部分中插入来自ajax调用的html

在多个部分中插入来自ajax调用的html,ajax,html,Ajax,Html,我对返回html的函数进行ajax调用 $.ajax({ url: url, type:'POST', dataType: 'html', success: function(output){ $("#prikaz_oglasov").html(output); } ,error: function (xhr, status) {

我对返回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调用,但它似乎效率不高。有什么方法可以做到这一点吗?

我认为您可以选择让服务器返回一个JSON响应,如下所示

{
  chunk1: 'some html',
  chunk2: 'some html'
}
然后吃点类似的东西

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

或者尝试使用正则表达式将传入的html拆分为两个块。

我认为您的选择是让服务器返回一个JSON响应,如下所示

{
  chunk1: 'some html',
  chunk2: 'some html'
}
然后吃点类似的东西

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

或者尝试使用正则表达式将传入的html拆分为两个块。

我宁愿发送两个单独的请求,尤其是如果此html是静态的。更干净的代码更好。

我宁愿发送两个单独的请求,尤其是如果这个HTML是静态的。更干净的代码更好。

因此您希望在一个ajax调用中接收两个不同的html数据或代码??因此您希望在一个ajax调用中接收两个不同的html数据或代码??并且不要忘记转义
作为响应。我正在尝试这样做,但我在编码codeigniter视图(用于构建html)时遇到问题在JSON中。不要忘记转义
,作为响应。我正在尝试这样做,但在JSON中编码codeigniter视图(我用于构建HTML)时遇到了问题。