试图在 html 中显示 ajax 响应答案

【问题标题】：Trying to display ajax response in html试图在 html 中显示 ajax 响应
【发布时间】：2015-04-16 15:21:42
【问题描述】：

我试图显示一些我每次在页面底部滚动时从控制器收到的 ajax 响应。

if($(window).scrollTop() == $(document).height() - $(window).height()){
    load++;

    $.ajax({
            type: 'POST',
            url: 'get-response',
            dataType: 'json',
            data: {
                "load" : load,
                "key" : key
            },
            success: function(response){
                var out = "";
                var i;
                for(i=0;i<response.length;i++){
                    out += response[i];
                }
                document.getElementById("response").innerHTML = out;

            }
        });
}

我得到的响应是 JSON 格式，如下所示：

我不确定如何遍历结果并将其显示在每次返回结果时附加的 html 中。谁能帮助我在本节中还可以写些什么来显示结果？

success: function(response){
                var out = "";
                var i;
                for(i=0;i<response.length;i++){
                    out += response[i];
                }
                document.getElementById("response").innerHTML = out;

            }

【问题讨论】：

标签： html ajax laravel response

【解决方案1】：

试试这个，我添加了table实现，你可以改成div

    var out = "<table>";
    var i;
    for(i=0;i<response.length;i++){
        out +='<tr>';
        out +='<td>'+response[i].brand_name+'</td>';
        out +='<td>'+response[i].product_name+'</td>';
        out +='<td>'+response[i].selling_price+'</td>';
        out +='<td>'+response[i].mark_price+'</td>';
        out +='</tr>';
        out += response[i];
    }
    out += "</table>";

【讨论】：

【解决方案2】：

如果你在json中显示对象没有问题，你只需要写

JSON.stringify(response[i])

或者你可以使用另一个 for 循环

for(var x: response[i]){...}

【讨论】：

【解决方案3】：

这应该用空格缩进“漂亮地打印”它，适合在 HTML 中查看：

success: function(response){
    $("#response").html(JSON.stringify(response, null, '&nbsp').replace(/\n/g, '<br>'));
    $("#response").css('font-family', 'courier');
};

【讨论】：