Question

问题：

我将没有问题的数据导入div，但是，文本不会显示。当数据被抛入div时，格式化将被剥离。段落只是文本的一个块。奇怪的是，在Firebug中，如果我检查＆amp;改变：

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

到

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

整个文本块都得到修复 - 正如我所需要的那样！所以现在，如果我继续前进＆amp;将实际页面中的<div>更改为<pre>＆amp;点击刷新，文本块仍然显示。没有退货/进入。

我的问题：

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

预期结果：

Lorem ipsum dolor坐下来，精神上的精神。整数convallis iaculis vestibulum。 Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。在lacinia enim scelerisque的Fusce dignissim risus ut augue venenatis。 Vivamus id sem tellus。 Maecenas vel laoreet metus。 Proin suscipit，eros a ornare 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，idequat ipsum massa quis tortor。 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。整数发酵nunc和turpis mattis sollicitudin。 Fusce magna nibh，pellentesque posuere rutrum id，luctus viverra nibh。在laoreet lorem的Donec。 Sed auctor turpis简历lectus dictum convallis。 Nulla quam nulla，scelerisque quis eleifend imperdiet，pretium ut diam。

实际结果：

Lorem ipsum dolor坐下来，精神上的精神。整数convallis iaculis vestibulum。 Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。在lacinia enim scelerisque的Fusce dignissim risus ut augue venenatis。 Vivamus id sem tellus。 Maecenas vel laoreet metus。 Proin suscipit，eros a ornare 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，idequat ipsum massa quis tortor。 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。整数发酵nunc和turpis mattis sollicitudin。 Fusce magna nibh，pellentesque posuere rutrum id，luctus viverra nibh。在laoreet lorem的Donec。 Sed auctor turpis简历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的控制台窗口：

接头：

Content-Type application / json;字符集= UTF-8

等...

响应：

[＆＃34; img / sun.jpg＆＃34;，＆＃34; Lorem ipsum dolor坐下来，精神恍惚。整数convallis iaculis vestibulum。 Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。在lacinia enim scelerisque的Fusce dignissim risus ut augue venenatis。 Vivamus id sem tellus。 Maecenas vel laoreet metus。 Proin suscipit，eros a ornare 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 \ r \ theMaecenas fringilla，lacus vitae varius venenatis，elit risus rutrum mi，consequat ipsum massa quis tortor。 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。整数发酵nunc和turpis mattis sollicitudin。 Fusce magna nibh，pellentesque posuere rutrum id，luctus viverra nibh。在laoreet lorem的Donec。 Sed auctor turpis简历lectus dictum convallis。 Nulla quam nulla，scelerisque quis eleifend imperdiet，pretium ut diam。＆＃34;]

JSON：

Key 0给了我＆＃34; img / sun.jpg＆＃34;

Key 1给了我＆＃34; Lorem ipsum dolor坐下来，精神上的adipistur elit。整数convallis iaculis vestibulum。 Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。在lacinia enim scelerisque的Fusce dignissim risus ut augue venenatis。 Vivamus id sem tellus。 Maecenas vel laoreet metus。 Proin suscipit，eros a ornare 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，idequat ipsum massa quis tortor。 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。整数发酵nunc和turpis mattis sollicitudin。 Fusce magna nibh，pellentesque posuere rutrum id，luctus viverra nibh。在laoreet lorem的Donec。 Sed auctor turpis简历lectus dictum convallis。 Nulla quam nulla，scelerisque quis eleifend imperdiet，pretium ut diam。＆＃34;

输出：

console.log("Image = " + output[0]);

Image = img / sun.jpg

console.log("Description = " + output[1]);

描述= Lorem ipsum dolor坐下来，精神上的adipistur elit。整数convallis iaculis vestibulum。 Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。在lacinia enim scelerisque的Fusce dignissim risus ut augue venenatis。 Vivamus id sem tellus。 Maecenas vel laoreet metus。 Proin suscipit，eros a ornare 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，idequat ipsum massa quis tortor。 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。整数发酵nunc和turpis mattis sollicitudin。 Fusce magna nibh，pellentesque posuere rutrum id，luctus viverra nibh。在laoreet lorem的Donec。 Sed auctor turpis简历lectus dictum convallis。 Nulla quam nulla，scelerisque quis eleifend imperdiet，pretium ut diam。

Answer 1

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

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

以上面的例子为例，JSON应如下所示：

JSON：

关键0：“img / sun.jpg”

关键1：“<p> Lorem ipsum dolor sit amet，consectetur adipiscing elit.Engger 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 ornare 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.Hospendisse bibendum，lorem vitae vulputate laoreet，turpis tellus congue odio，ac aliquam urna augue id sem.Quisque consequat ullamcorper lorem non auctor。</p><p> Maecenas fringilla，lacus vitae varius venenatis，elit risus rutrum mi，isquat ipsum massa quis tortor.Cellllus eu risus quam.Maecenas sagittis magna et diam consequat molestie.Vivamus pharetra dictum augue，et sollicitudin ipsum fermentum vel.Cras aliq uam lobortis lorem vel ornare。整数发酵nunc和turpis mattis sollicitudin。 Fusce magna nibh，pellentesque posuere rutrum id，luctus viverra nibh。在laoreet lorem的Donec。 Sed auctor turpis简历lectus dictum convallis。 Nulla quam nulla，scelerisque quis eleifend imperdiet，pretium ut diam。</p>“

Div内部正确的JSON响应输出

1 个答案: