如何从Ajax调用中获取正确的HTML?

时间:2018-10-03 15:45:14

标签: javascript jquery html ajax format

我对返回整个html表的函数进行了Ajax调用。

     $.ajax({
    url: "/admin/project/getProjectTrackedTimes",
    headers: {
      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
    type: "POST",
    dataType: "html",
    data: {
      project_id : project,
      offset : offset,
      step : step,
    },
    success: function(data) {
      $('.c-admin-timetrack-table').html(data);
    },
    error: function(data) {
    }
  })
}

然后在php函数中,我返回以下内容:

return json_encode($block);

现在,当我使用以下方法更改页面中的内容时:

 $('.c-admin-timetrack-table').html(data);

这是结果:http://prntscr.com/l1rcer

输出的HTML格式不正确。

有人可以帮我吗?谢谢!

编辑:我真笨。复制其他代码,并为此功能进行了一些更改。没删除json_encode,傻了。感谢您的敏锐度。

1 个答案:

答案 0 :(得分:-2)

尝试替换此部分

[之前]

success: function(data) {
    $('.c-admin-timetrack-table').html(data);
},

[之后]

success: function(data) {
    data = JSON.parse(data);
    $('.c-admin-timetrack-table').html(data);
},

接收到的数据为json。