Javascript 将Json对象显示为字符串而不是实际对象
我有一个填充模态的函数。我希望模式显示数据中的字符串,而不是JSON对象或字符串格式的JSON obj。。。但是它似乎显示了文本Json对象……我不能使用toString方法,因为它似乎不存在。下面是我的代码 模态: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"&
<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">×</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));