Javascript 将Json对象显示为字符串而不是实际对象

Javascript 将Json对象显示为字符串而不是实际对象,javascript,jquery,json,Javascript,Jquery,Json,我有一个填充模态的函数。我希望模式显示数据中的字符串,而不是JSON对象或字符串格式的JSON obj。。。但是它似乎显示了文本Json对象……我不能使用toString方法,因为它似乎不存在。下面是我的代码 模态: <div class="modal fade" id="receiptModal" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog" role="document"&

我有一个填充模态的函数。我希望模式显示数据中的字符串,而不是JSON对象或字符串格式的JSON obj。。。但是它似乎显示了文本Json对象……我不能使用toString方法,因为它似乎不存在。下面是我的代码

模态:

<div class="modal fade" id="receiptModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">Receipt</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">   
           <div id="receiptTxt">

           </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary">Save changes</button>
        </div>
    </div>
</div>
如您所见,
$(“#receiptTxt”).html(数据)是问题所在。它实际上是在显示数据obj。我不能做.html(data).toString()。。还有什么其他选择

@编辑

根据要求,这里是
console.log(数据)


这将为您提供一个具有缩进的格式良好的JSON字符串:

$("#receiptTxt").html(JSON.stringify(data, null, 2));
您需要将其插入
元素而不是
以确保新行正确显示

JSON.stringify(数据)

您可以将其存储在新变量中,也可以通过以下方式进行设置:
$(“#receiptTxt”).html(JSON.stringify(data))

您可以使用
JSON.parse()
将字符串转换回JSON对象


希望这有帮助。:)

JSON.stringify()<代码>JSON.stringify($(“#receiptTxt”).html(数据))
$(“#receiptTxt”).html(JSON.stringify(data))
-您希望将数据转换为字符串,而不是HTML元素。这就是您要求的
以字符串格式显示数据。
如果您希望将其添加到DOM元素,如
p
标记或其他内容,则必须循环JSON数据,并使用
.append()
等执行此操作。。。没有将JSON转换为任意DOM结构的方法。您可以发布
console.log(data)
的输出吗<代码>数据类型:“html”
意味着
数据
应该是要按原样显示的字符串。但是,您指出问题在于它显示了一个JSON对象。输出将帮助我们查看您想要的字符串是否实际上是JSON对象的属性。
{"data":"                  Company Name                   \r\n          2222 Ridgelake Dr           \r\n              Cape Coral, FL, 90726               \r\n                                                \r\n                                                \r\n\r\n              10/4/2018 7:21:13 AM              \r\n\r\number: ABC123                        TID: ABC123\r\nBatch #:                                       0\r\nAccount #:                      XXXXXXXXXXXX2222\r\nTrans #:                                     378\r\nAuth #:                                 00056693\r\nHost Date:                             10/4/2018\r\nHost Time:                              09:24:50\r\nSoftware Version:                        1.0.0.0\r\n\r\n              THIS IS A DEMO                   \r\nTotal:                                    $5.00\r\n                    APPROVED                    \r\n\r\n              THANK YOU VERY MUCH!              \r\n\r\n"}
$("#receiptTxt").html(JSON.stringify(data, null, 2));