0

问题:

我正在毫无问题地将数据拉入 div,但是,文本没有按应有的方式显示。当数据被扔进 div 时,格式会被剥离。段落只是一个文本块。奇怪的是,在 Firebug 中,如果我检查并更改:

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

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

整个文本块得到修复 - 正是我需要的!所以现在,如果我继续并在实际页面中更改为<div><pre>点击刷新,文本块仍会显示。没有退货/进入。


我的问题:

我还需要做什么才能正确显示传入的文本?我有带有 Enter/Return 键、项目符号等的文本项。


预期结果:

Lorem ipsum dolor sit amet, consectetur adipiscing elit。整数 convallis iaculis 前庭。Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。Fusce dignissim risus ut augue venenatis 在 lacinia enim scelerisque。Vivamus id sem Tellus。Maecenas vel laoreet metus。Proin suscipit, eros a ornare tristique, tellus est consequat ipsum, sat 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 rut​​rum mi, a consequat ipsum massa quis tortor。Phasellus eu risus quam。Maecenas sagittis magna et diam consequat molestie。Vivamus pharetra dictum augue, et sollicitudin ipsum infantum vel。Cras aliquam lobortis lorem vel ornare。整数发酵 nunc et turpis mattis sollicitudin。Fusce magna nibh,pellentesque posuere rutrum id,luctus viverra nibh。在 laoreet lorem 的 Donec。Sed actor turpis vitae lectus dictum convallis。Nulla quam nulla,scelerisque quis eleifend imperdiet,pretium ut diam。


实际结果:

Lorem ipsum dolor sit amet, consectetur adipiscing elit。整数 convallis iaculis 前庭。Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。Fusce dignissim risus ut augue venenatis 在 lacinia enim scelerisque。Vivamus id sem Tellus。Maecenas vel laoreet metus。Proin suscipit, eros a ornare tristique, tellus est consequat ipsum, sat 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 rut​​rum mi, a consequat ipsum massa quis tortor。Phasellus eu risus quam。Maecenas sagittis magna et diam consequat molestie。Vivamus pharetra dictum augue, et sollicitudin ipsum infantum vel。Cras aliquam lobortis lorem vel ornare。整数发酵 nunc et turpis mattis sollicitudin。Fusce magna nibh,pellentesque posuere rutrum id,luctus viverra nibh。在 laoreet lorem 的 Donec。Sed actor turpis vitae lectus dictum convallis。Nulla quam nulla,scelerisque quis eleifend imperdiet,pretium ut diam。


我的代码:

索引.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]);   
    }
});


数据.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

ETC....


回复:

一个后果性的 ipsum massa quis 侵权行为。Phasellus eu risus quam。Maecenas sagittis magna et diam consequat molestie。Vivamus pharetra dictum augue, et sollicitudin ipsum infantum vel。Cras aliquam lobortis lorem vel ornare。整数发酵 nunc et turpis mattis sollicitudin。Fusce magna nibh,pellentesque posuere rutrum id,luctus viverra nibh。在 laoreet lorem 的 Donec。Sed actor turpis vitae lectus dictum convallis。Nulla quam nulla, scelerisque quis eleifend imperdiet, pretium ut diam。”] 在 laoreet lorem 的 Donec。Sed actor turpis vitae lectus dictum convallis。Nulla quam nulla, scelerisque quis eleifend imperdiet, pretium ut diam。”] 在 laoreet lorem 的 Donec。Sed actor turpis vitae lectus dictum convallis。Nulla quam nulla, scelerisque quis eleifend imperdiet, pretium ut diam。”]


JSON:

键 0 给了我“img/sun.jpg”

键 1 给了我

Phasellus eu risus quam。Maecenas sagittis magna et diam consequat molestie。Vivamus pharetra dictum augue, et sollicitudin ipsum infantum vel。Cras aliquam lobortis lorem vel ornare。整数发酵 nunc et turpis mattis sollicitudin。Fusce magna nibh,pellentesque posuere rutrum id,luctus viverra nibh。在 laoreet lorem 的 Donec。Sed actor turpis vitae lectus dictum convallis。Nulla quam nulla, scelerisque quis eleifend imperdiet, pretium ut diam。”


输出:

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

图片 = img/sun.jpg


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

描述 = Lorem ipsum dolor sit amet,consectetur adipiscing elit。整数 convallis iaculis 前庭。Fusce egestas lectus vitae lacus tempor vel tempus mauris facilisis。Fusce dignissim risus ut augue venenatis 在 lacinia enim scelerisque。Vivamus id sem Tellus。Maecenas vel laoreet metus。Proin suscipit, eros a ornare tristique, tellus est consequat ipsum, sat 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 rut​​rum mi, a consequat ipsum massa quis tortor。Phasellus eu risus quam。Maecenas sagittis magna et diam consequat molestie。Vivamus pharetra dictum augue, et sollicitudin ipsum infantum vel。Cras aliquam lobortis lorem vel ornare。整数发酵 nunc et turpis mattis sollicitudin。Fusce magna nibh,pellentesque posuere rutrum id,luctus viverra nibh。在 laoreet lorem 的 Donec。Sed actor turpis vitae lectus dictum convallis。Nulla quam nulla,scelerisque quis eleifend imperdiet,pretium ut diam。

4

1 回答 1

0

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

您必须将用于创建段落<p>和项目符号<ul>等内容的任何标记保存为文本的一部分。即,来自您的 XML 文件的原始数据还必须包括这些标签以及文本。

以上面的示例为例,JSON 应如下所示:

JSON:

键 0:“img/sun.jpg”

关键 1:" <p>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 ornare tristique, tellus est consequat ipsum, sat 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。</p><p>Maecenas fringilla, lacus vitae varius venenatis, elit risus rut​​rum mi, a consequat ipsum massa quis tortor。Phasellus eu risus quam。Maecenas sagittis magna et diam consequat molestie。Vivamus pharetra dictum augue, et sollicitudin ipsum infantum vel。Cras aliquam lobortis lorem vel ornare。整数发酵 nunc et turpis mattis sollicitudin。Fusce magna nibh,pellentesque posuere rutrum id,luctus viverra nibh。在 laoreet lorem 的 Donec。Sed actor turpis vitae lectus dictum convallis。Nulla quam nulla,scelerisque quis eleifend imperdiet,pretium ut diam。</p>"

于 2012-08-08T23:02:19.640 回答