为什么所有数据都显示在 console.log() 中，但浏览器上却没有显示所有数据？

Question

我正在使用$.ajax(); 请求拨打我的 controller。在console.log(); ，它正确显示了所有传入的数据，但是当我尝试通过$('#displayCoins').text(item.oldCoins);在浏览器上显示它时 - 如果显示而不是所有数据，则仅显示最后一条数据。

我做错了什么，我 go 如何在浏览器上显示所有数据方面纠正这个问题？

               $.ajax({
                    type: "GET",
                    url: '/my/endpoint',
                    dataType: "html",
                    success: function (response) {
                        var resp = response;
                        var respParsed = $.parseJSON(resp);

                        $.each(respParsed, function(i, item) {
                            console.log(item.oldCoins);
                            $('#displayCoins').text(item.oldCoins);
                        });
                       
                    }
                });

Answer 1

您遇到的问题是您每次都在循环中替换文本而不是附加文本。

一种解决方案是将数据 append 写入数组，然后通过单个连接将数据 output 写入 DOM。

$.ajax({
                    type: "GET",
                    url: '/my/endpoint',
                    dataType: "html",
                    success: function (response) {
                        var resp = response;
                        var respParsed = $.parseJSON(resp);
                        oldCoins = [];
                        $.each(respParsed, function(i, item) {
                            console.log(item.oldCoins);
                            oldCoins.push(item.oldCoins);
                        });
                        $('#displayCoins').text(oldCoins.join("\n"));
                       
                    }
                });