Div内部正确的JSON响应输出
问题：
我将数据毫无问题地输入到div中，但是，文本并没有按应有的方式显示出来。当数据被抛入div时，格式将被删除。段落只是一个文本块。奇怪的是，在Firebug中，如果我检查&更改：
<div id="description">Lorem ipsum dolor...</div>
至
<pre id="description">Lorem ipsum dolor...</pre>
整块文本都被修复了--正如我需要的那样！因此，现在，如果我继续，将实际页面中的
，并点击刷新，文本块仍然会显示出来。无返回/进入。
我的问题：
为了正确显示传入的文本，我还需要做什么？我有带有回车/回车键、项目符号等的文本项。
预期结果：
Lorem ipsum dolor sit amet,consectetur adipiscing elit.[医]前庭纵韧带整型。Fusce egestas lectus vitae lacus tempor vel tempus mauris alfilisis。在lacinia enim scelerisque的venenatis中的Fusce dignissim risus ut augue venenatis。Vivamus id sem Tellus。梅塞纳斯·韦尔·劳雷特·梅图斯。Proin suscipit,eros a ornare tristique,tellus est insalat ipsum,sit amet cursus justo libero non massa.Morbi auctor congue Et ut Posuere。Curabitur aliquet metus eu eros faucibus porttitor。Duis lectus ligula,scelerisque ac eleifend quis,tempor conditmentum nisl.Suspendisse bibendum,lorem vitae vulputate laoreet,turpis tellus congue odio,ac aliquam urna augue id sem.非拍卖人。
毛刺藻、维他命藻（lacus vitae varius venenatis,elit risus rutrum mi.）和一种相应的植物（Issum massa quis Tortor.[医]绿小豆。大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫。Vivamus pharetra dictum augue,et sollicitudin ipsum fermentum Vel.Cras aliquam lobortis lorem vel Ornare。全发酵菌（Integer fermentum nunc et turpis mattis sollicitudin）。大胡椒、黑胡椒、灵芝。在laoreet Lorem的Donec。对侧漏进行了分析。Nulla quam Nulla,scelerisque quis eleifend imprediet,pretium ut diam.
实际结果：
Lorem ipsum dolor sit amet,consectetur adipiscing elit.[医]前庭纵韧带整型。Fusce egestas lectus vitae lacus tempor vel tempus mauris alfilisis。在lacinia enim scelerisque的venenatis中的Fusce dignissim risus ut augue venenatis。Vivamus id sem Tellus。梅塞纳斯·韦尔·劳雷特·梅图斯。Proin suscipit,eros a ornare tristique,tellus est insalat ipsum,sit amet cursus justo libero non massa.Morbi auctor congue Et ut Posuere。Curabitur aliquet metus eu eros faucibus porttitor。Duis lectus ligula,scelerisque ac eleifend quis,tempor conditmentum nisl.Suspendisse bibendum,lorem vitae vulputate laoreet,turpis tellus congue odio,ac aliquam urna augue id sem.非拍卖人。毛刺藻、维他命藻（lacus vitae varius venenatis,elit risus rutrum mi.）和一种相应的植物（Issum massa quis Tortor.[医]绿小豆。大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫。Vivamus pharetra dictum augue,et sollicitudin ipsum fermentum Vel.Cras aliquam lobortis lorem vel Ornare。全发酵菌（Integer fermentum nunc et turpis mattis sollicitudin）。大胡椒、黑胡椒、灵芝。在laoreet Lorem的Donec。对侧漏进行了分析。Nulla quam Nulla,scelerisque quis eleifend imprediet,pretium ut diam.
我的代码：
index.php
var string = "itemNum=" + item + "&idNum=" + id; $.ajax({ type: "POST", url: "data.php", dataType: "json", data: string, success: function(output) { $("#image").attr("src", "xml/"+output[0]); $('#description').html(output[1]); //I've also tried: $('#description').text(output[1]); } });
data.php：
$getXML = simplexml_load_file("output.xml"); function getDesc($getXML){ ...code.... return array($img, $desc); } $output = getDesc($getXML); echo json_encode($output);
使用Firebug的控制台窗口：
标头：
内容类型的应用程序/JSON；Charset=UTF-8
等等...
答复：
[“img/sun.jpg”,“lorem ipsum dolor sit amet,consectetur adipiscing elit.[医]前庭纵韧带整型。Fusce egestas lectus vitae lacus tempor vel tempus mauris alfilisis。在lacinia enim scelerisque的venenatis中的Fusce dignissim risus ut augue venenatis。Vivamus id sem Tellus。梅塞纳斯·韦尔·劳雷特·梅图斯。Proin suscipit,eros a ornare tristique,tellus est insalat ipsum,sit amet cursus justo libero non massa.Morbi auctor congue Et ut Posuere。Curabitur aliquet metus eu eros faucibus porttitor。Duis lectus ligula,scelerisque ac eleifend quis,tempor conditmentum nisl.Suspendisse bibendum,lorem vitae vulputate laoreet,turpis tellus congue odio,ac aliquam urna augue id sem.Quisque insulat ullamcorper lorem non auctor.\r\rmaecenas fringilla,lacus vitae varius venenatis,elit risus rutrum mi,a insulat ipsum massa quis tortor.[医]绿小豆。大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫。Vivamus pharetra dictum augue,et sollicitudin ipsum fermentum Vel.Cras aliquam lobortis lorem vel Ornare。全发酵菌（Integer fermentum nunc et turpis mattis sollicitudin）。大胡椒、黑胡椒、灵芝。在laoreet Lorem的Donec。对侧漏进行了分析。Nulla quam Nulla,scelerisque quis eleifend imprediet,pretium ut diam.“]
JSON：
键0给我“img/sun.jpg”
钥匙1给了我
“Lorem ipsum dolor site amet,consectetur adipiscing elit.[医]前庭纵韧带整型。Fusce egestas lectus vitae lacus tempor vel tempus mauris alfilisis。在lacinia enim scelerisque的venenatis中的Fusce dignissim risus ut augue venenatis。Vivamus id sem Tellus。梅塞纳斯·韦尔·劳雷特·梅图斯。Proin suscipit,eros a ornare tristique,tellus est insalat ipsum,sit amet cursus justo libero non massa.Morbi auctor congue Et ut Posuere。Curabitur aliquet metus eu eros faucibus porttitor。Duis lectus ligula,scelerisque ac eleifend quis,tempor conditmentum nisl.Suspendisse bibendum,lorem vitae vulputate laoreet,turpis tellus congue odio,ac aliquam urna augue id sem.非拍卖人。毛刺藻、维他命藻（lacus vitae varius venenatis,elit risus rutrum mi.）和一种相应的植物（Issum massa quis Tortor.[医]绿小豆。大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫。Vivamus pharetra dictum augue,et sollicitudin ipsum fermentum Vel.Cras aliquam lobortis lorem vel Ornare。全发酵菌（Integer fermentum nunc et turpis mattis sollicitudin）。大胡椒、黑胡椒、灵芝。在laoreet Lorem的Donec。对侧漏进行了分析。Nulla quam Nulla,scelerisque quis eleifend imprediet,pretium ut diam.“
输出：
console.log("Image = " + output[0]);Image=img/sun.jpg
console.log("Description = " + output[1]);描述=Lorem ipsum dolor sit amet,consectetur adipiscing elit.[医]前庭纵韧带整型。Fusce egestas lectus vitae lacus tempor vel tempus mauris alfilisis。在lacinia enim scelerisque的venenatis中的Fusce dignissim risus ut augue venenatis。Vivamus id sem Tellus。梅塞纳斯·韦尔·劳雷特·梅图斯。Proin suscipit,eros a ornare tristique,tellus est insalat ipsum,sit amet cursus justo libero non massa.Morbi auctor congue Et ut Posuere。Curabitur aliquet metus eu eros faucibus porttitor。Duis lectus ligula,scelerisque ac eleifend quis,tempor conditmentum nisl.Suspendisse bibendum,lorem vitae vulputate laoreet,turpis tellus congue odio,ac aliquam urna augue id sem.非拍卖人。
毛刺藻、维他命藻（lacus vitae varius venenatis,elit risus rutrum mi.）和一种相应的植物（Issum massa quis Tortor.[医]绿小豆。大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫。Vivamus pharetra dictum augue,et sollicitudin ipsum fermentum Vel.Cras aliquam lobortis lorem vel Ornare。全发酵菌（Integer fermentum nunc et turpis mattis sollicitudin）。大胡椒、黑胡椒、灵芝。在laoreet Lorem的Donec。对侧漏进行了分析。Nulla quam Nulla,scelerisque quis eleifend imprediet,pretium ut diam.
包含文本的JSON数据在up中没有标记，因此当您使用.html()函数设置
您必须将用于创建段落
和项目符号
-
等内容的任何标记保存为文本的一部分。即XML文件中的原始数据还必须包括这些标记和文本。
以上面的示例为例,JSON应该如下所示：
JSON：
键0：“img/sun.jpg”
关键一：“
lorem ipsum dolor sit amet,consectetur adipiscing elit.[医]前庭纵韧带整型。Fusce egestas lectus vitae lacus tempor vel tempus mauris alfilisis。在lacinia enim scelerisque的venenatis中的Fusce dignissim risus ut augue venenatis。Vivamus id sem Tellus。梅塞纳斯·韦尔·劳雷特·梅图斯。Proin suscipit,eros a ornare tristique,tellus est insalat ipsum,sit amet cursus justo libero non massa.Morbi auctor congue Et ut Posuere。Curabitur aliquet metus eu eros faucibus porttitor。Duis lectus ligula,scelerisque ac eleifend quis,tempor conditmentum nisl.Suspendisse bibendum,lorem vitae vulputate laoreet,turpis tellus congue odio,ac aliquam urna augue id sem.非拍卖人。fringilla,lacus vitae varius venenatis,elit risus rutrum mi,a insulat ipsum massa quis tortor.[医]绿小豆。大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫。Vivamus pharetra dictum augue,et sollicitudin ipsum fermentum Vel.Cras aliquam lobortis lorem vel Ornare。全发酵菌（Integer fermentum nunc et turpis mattis sollicitudin）。大胡椒、黑胡椒、灵芝。在laoreet Lorem的Donec。对侧漏进行了分析。Nulla quam Nulla,scelerisque quis eleifend imprediet,pretium ut diam.
相关问题
- javascript中有没有一种方法可以从数组中检索随机对象，并通过单击按钮将它们随机分配给divny？
- 使用映射结构从外部对象获取内部对象
- 将 JSON 转换为 DTO 数组
- Json对象保存为String而不是Object
- android中的getContent（）以MimeMultiPart的形式提供输出，但我实际上想要电子邮件正文内容
- 泽西岛：禁用默认 JSON 提供程序
- 将异常映射到带有Jersey ExceptionMapper的响应时回滚事务
- Java -通过json迭代获取值
- 使用ObjectMapper JavaTimeModule将JacksonJsonProvider注册到Jersey 2客户端
- Kafka流拓扑测试驱动程序输入输出主题
- 如果我们在Kafka Listener内部使用return语句会发生什么？
- 使用Web API AuthorizeAtcade时Asp.Net404响应
- 使用Reactor工件在第谷内部运行 Eclipse
- cucumber报告给出空响应
- 空手道框架:#notnull和#present在响应为空的情况下不起作用
- 如何将1个场景的输出作为输入传递给2个场景
- 对齐Java中的printf输出
- 如何在控制台输出上对齐字符串
- C汇编程序输出-引用是如何实现的
- 没有编译器优化的SSE内部
共有3个答案
包含文本的JSON数据在up中没有标记，因此当您使用.html()函数设置
您必须将用于创建段落
和项目符号
-
等内容的任何标记保存为文本的一部分。即XML文件中的原始数据还必须包括这些标记和文本。
以上面的示例为例,JSON应该如下所示：
JSON：
键0：“img/sun.jpg”
关键一：“
lorem ipsum dolor sit amet,consectetur adipiscing elit.[医]前庭纵韧带整型。Fusce egestas lectus vitae lacus tempor vel tempus mauris alfilisis。在lacinia enim scelerisque的venenatis中的Fusce dignissim risus ut augue venenatis。Vivamus id sem Tellus。梅塞纳斯·韦尔·劳雷特·梅图斯。Proin suscipit,eros a ornare tristique,tellus est insalat ipsum,sit amet cursus justo libero non massa.Morbi auctor congue Et ut Posuere。Curabitur aliquet metus eu eros faucibus porttitor。Duis lectus ligula,scelerisque ac eleifend quis,tempor conditmentum nisl.Suspendisse bibendum,lorem vitae vulputate laoreet,turpis tellus congue odio,ac aliquam urna augue id sem.非拍卖人。fringilla,lacus vitae varius venenatis,elit risus rutrum mi,a insulat ipsum massa quis tortor.[医]绿小豆。大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫,大矢状棘球绦虫。Vivamus pharetra dictum augue,et sollicitudin ipsum fermentum Vel.Cras aliquam lobortis lorem vel Ornare。全发酵菌（Integer fermentum nunc et turpis mattis sollicitudin）。大胡椒、黑胡椒、灵芝。在laoreet Lorem的Donec。对侧漏进行了分析。Nulla quam Nulla,scelerisque quis eleifend imprediet,pretium ut diam.
-
问题内容： 我试图显示div内ajax响应的值，为此，我在视图文件中包含以下代码。 我的控制器（ajax向其发送值）： 现在，我正在尝试实现的是在我的视图文件中获取server_response值（从控制器发送的值）。 我尝试了以下代码，但未在div中显示值。 你能告诉我问题出在哪里吗？ 问题答案： 问题是您混合了Ajax 处理程序的 参数。首先执行脚本返回的内容，然后执行。理论上，它可以是“超时
-
我希望有人能帮我解决这个问题。 我想用WebClient创建一个Rest客户端，从API中检索响应。所以我创建了我的Spring项目，添加了webflux、lombok和h2。我还创建了一个DTO类“CashAccount”和以下方法： 当我使用“.bodyToMono（String.class）”时，所有的功能都很好，我收到了结果： 相反，当我使用“.bodyToMono（cashcount.c
-
假设您希望通过调用到来获取用户列表，但当前该表被截断，因此没有用户。对于这种情况，正确的反应是什么：或？
-
当在Spring中实现全局异常处理程序时，我注意到，如果不能识别接受头，Spring会抛出它自己的内部错误。我需要的是返回一个自定义的JSON错误结构。适用于特定于应用程序的异常，完全失败。 此代码告诉我"未能调用@ExceptionHandler方法：publicjava.util.Map RestExceptionHandler.springMalformedAcceptHeaderExcti
-
问题内容： 我正在尝试使用乔伊·史蒂文（Je Steven）的博客在此处讨论的经过编辑的BeginCollectionItem版本通过MVC 5中的表单提交来一次绑定我的所有模型数据。 该模型有个，而类又有一个，我想访问每个中的所有属性并将其保存到数据库中。 IE浏览器： 主页使用的是模型，它具有部分接受，它具有部分接受。 问题1： 在控制器中，我为列表中的第一项（requestedIp）设置了字
-
我编写了一个方法，该方法应该在utf-8中以字符串类型返回有效的正文，但在发出请求后，我在UTF-16中得到响应。postman中的内容类型头是application/json。我在stackoverflow中搜索任何可能的解决方法，但任何解决方案都无济于事，包括这个主题（.我如何更改它以获得有效的主体？Thanx！