正确的JSON响应输出内部Div

2018-07-01 18:28:29

问题：

我将没有问题的数据转换为div，但是，文本不会显示，因为它应该。将数据放入div时格式化会被剥离。段落都只是一个文本块。奇怪的是，在Firebug中，如果我检查和更改：

<div id="description">Lorem ipsum dolor...</div>

至

<pre id="description">Lorem ipsum dolor...</pre>

整个文本块得到修复 - 完全按照我的需要！所以，现在，如果我继续并在实际页面中将<div>更改为<pre>并点击刷新，则文本块仍然显示。无返回/输入。

我的问题：

我还需要做些什么才能使传入的文本正确显示？我有输入/回车键，项目符号等文本项目。

预期结果：

Maecenas fringilla，lacus vitae varius venenatis，elit risus rutrum mi，一种继承性质的马萨基蒂斯酷刑。 Phasellus eu risus quam。 Maecenas sagittis magna et diam consequat molestie。 Vivamus pharetra dictum augue，et sollicitudin ipsum fermentum vel。 Cras aliquam lobortis lorem vel ornare。 Integer fermentum nunc et turpis mattis sollicitudin。 Fusce magna nibh，pellentesque posuere rutrum id，luctus viverra nibh。在laoreet lorem完成。 sed auctor turpis vitae lectus dictum convallis。 Nulla quam nulla，scelerisque quis eleifend imperdiet，pretium ut diam。

实际结果：

Lorem ipsum dolor坐在amet，consectetur adipiscing elit。 Integer convallis iaculis vestibulum。 Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。 Fusce dignissim risus ut augue venenatis in lacinia enim scelerisque。 Vivamus ID sem tellus。 Maecenas vel laoreet metus。 Proin suscipit，eros a orare tristique，tellus est consequat ipsum，sit amet cursus justo libero non massa。 Morbi auctor认为最好的选择。 Curabitur等价物metus eu eros faucibus porttitor。 Duis lectus ligula，scelerisque ac eleifend quis，tempor condimentum nisl。 Suspendisse bibendum，lorem vitae vulputate laoreet，turpis tellus congue odio，ac aliquam urna augue id sem。 Quisque consequat ullamcorper lorem非父亲。 Maecenas fringilla，lacus vitae varius venenatis，elit risus rutrum mi，一种继承性质的马萨基蒂斯酷刑。 Phasellus eu risus quam。 Maecenas sagittis magna et diam consequat molestie。 Vivamus pharetra dictum augue，et sollicitudin ipsum fermentum vel。 Cras aliquam lobortis lorem vel ornare。 Integer fermentum nunc et turpis mattis sollicitudin。 Fusce magna nibh，pellentesque posuere rutrum id，luctus viverra nibh。在laoreet lorem完成。 sed auctor turpis vitae lectus dictum convallis。 Nulla quam nulla，scelerisque quis eleifend imperdiet，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; 字符集= utf-8的

等等....

响应：

[“img / sun.jpg”，“Lorem ipsum dolor sit amet，consectetur adipiscing elit。Integer convallis iaculis vestibulum。Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。Fusce dignissim risus ut augue venenatis in lacinia enim scelerisque。Vivamus id sem Tellus。Maecenas vel laoreet metus。Proin suscipit，eros a orare tristique，tellus est consequat ipsum，sit amet cursus justo libero non massa。Morbi auctor congue est ut posuere。Curabitur aliquet metus eu eros faucibus porttitor。Duis lectus ligula，scelerisque ac eleifend quis，tempor condimentum nisl。Suspendisse bibendum，lorem vitae vulputate laoreet，turpis tellus congue odio，ac aliquam urna augue id sem。Quisque consequat ullamcorper lorem non auctor。 r rMaecenas fringilla，lacus vitae varius venenatis，elit risus rutrum mi，a此外，我们还提供了一系列的调查问卷，包括调查问卷，调查问卷，调查问卷，调查问卷，调查问卷，调查问卷，调查问卷等等。 lobortis lorem vel ornare。 Integer fermentum nunc et turpis mattis sollicitudin。 Fusce magna nibh，pellentesque posuere rutrum id，luctus viverra nibh。在laoreet lorem完成。 sed auctor turpis vitae lectus dictum convallis。 Nulla quam nulla，scelerisque quis eleifend imperdiet，pretium ut diam。“]

JSON：

键0给我“img / sun.jpg”

关键1给我“Lorem ipsum dolor sit amet，consectetur adipiscing elit。Integer convallis iaculis vestibulum。Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。Fusce dignissim risus ut augue venenatis in lacinia enim scelerisque。Vivamus id sem tellus。Maecenas vel laoreet metus。Proin suscipit，eros a orare tristique，tellus est consequat ipsum，sit amet cursus justo libero non massa。Morbi auctor congue est ut posuere。Curabitur aliquet metus eu eros faucibus porttitor。Duis lectus ligula，scelerisque ac eleifend quis，tempor condimentum nisl 。Suspendisse bibendum，lorem vitae vulputate laoreet，turpis tellus congue odio，ac aliquam urna augue id sem。Quisque consequat ullamcorper lorem non auctor。Maecenas fringilla，lacus vitae varius venenatis，elit risus rutrum mi，a consequat ipsum massa quis tortor.Peterllus eu risus quam。Maecenas sagittis magna et diam consequat molestie.Vivamus pharetra dictum augue，et sollicitudin ipsum fermentum vel。Cras aliquam lo bortis lorem vel ornare。 Integer fermentum nunc et turpis mattis sollicitudin。 Fusce magna nibh，pellentesque posuere rutrum id，luctus viverra nibh。在laoreet lorem完成。 sed auctor turpis vitae lectus dictum convallis。 Nulla quam nulla，scelerisque quis eleifend imperdiet，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。 Integer convallis iaculis vestibulum。 Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。 Fusce dignissim risus ut augue venenatis in lacinia enim scelerisque。 Vivamus ID sem tellus。 Maecenas vel laoreet metus。 Proin suscipit，eros a orare tristique，tellus est consequat ipsum，sit amet cursus justo libero non massa。 Morbi auctor认为最好的选择。 Curabitur等价物metus eu eros faucibus porttitor。 Duis lectus ligula，scelerisque ac eleifend quis，tempor condimentum nisl。 Suspendisse bibendum，lorem vitae vulputate laoreet，turpis tellus congue odio，ac aliquam urna augue id sem。 Quisque consequat ullamcorper lorem非父亲。

包含文本的JSON数据在上面没有标记，所以当您使用.html()函数设置<div>内容时，它按预期工作。

您必须保存用于创建段落<p>和项目符号<ul>等的标记，作为文本的一部分。即来自XML文件的原始数据也必须包含这些标记以及文本。

从上面的例子来看，JSON应该是这样的：

JSON：

键0：“img / sun.jpg”

键1：“ <p> Lorem存有悲坐阿梅德，consectetur adipiscing ELIT整数convallis iaculis前庭Fusce egestas lectus履历拉克丝tempor VEL的Tempus mauris facilisis Fusce dignissim risus UT augue venenatis在lacinia enim scelerisque Vivamus ID SEM特力保护者。。。如果没有这种情况发生，可以采取以下措施：1）先行肛门手术; 2）肛门手术; 2）肛门手术; 2）肛门手术; 2）肛门手术; 2）肛门手术。 condimentum nisl。Suspendisse米其林，LOREM履历vulputate laoreet，turpis特力congue奥迪奥，AC aliquam乌仁娜augue ID SEM。Quisque consequat ullamcorper LOREM非auctor。 </p><p>保护者燕雀，拉克丝履历山雀venenatis，ELIT risus rutrum MI，一种继承性的质量性质的折磨剂，其中包括一种或多种其他的药剂，例如维生素E，维生素A，维生素C，维生素C，维生素C，维生素C，维生素C等。是lobortis lorem vel ornare。 Integer fermentum nunc et turpis mattis sollicitudin。 Fusce magna nibh，pellentesque posuere rutrum id，luctus viverra nibh。在laoreet lorem完成。 sed auctor turpis vitae lectus dictum convallis。 Nulla quam nulla，scelerisque quis eleifend imperdiet，pretium ut diam。 </p> “

链接地址: http://www.djcxy.com/p/88577.html

上一篇: Proper JSON Response Output inside Div

下一篇: Highlight an individual word within a text block on hover