0

問題:

問題なくデータをdivに取り込んでいますが、テキストが正しく表示されません。データがdivにスローされると、フォーマットが削除されます。段落はすべて、1つのテキストブロックにすぎません。奇妙なことに、Firebug内で検査して変更すると、次のようになります。

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

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

テキストのブロック全体が修正されます-私が必要としているとおりです!したがって、先に進んで実際のページでに変更し<div><pre>[更新]をクリックすると、テキストのブロックが引き続き表示されます。返品/入場はありません。


私の質問:

受信テキストが正しく表示されるようにするには、他に何をする必要がありますか?Enter / Returnキー、箇条書きなどのテキストアイテムがあります。


期待される結果:

Lorem ipsum dolorは、amet、consecteturadipiscingelitに座ります。整数のconvallisiaculis前庭。Fusce egestas lectus vitae lacus tempor vel tempusmaurisfacilisis。laciniaenimscelerisqueのFuscedignissimrisus utauguevenenatis。Vivamus idsemtellus。Maecenas vellaoreetmetus。Proin suscipit、eros a ornare tristique、tellus est consequat ipsum、sit amet cursus justo liberononmassa。モルビのauctorはestutposuereをcongueします。Curabitur aliquet metus eu erosfaucibusporttitor。Duis lectus ligula、scelerisque ac eleifend quis、temporcondimentumnisl。Suspendisse bibendum、lorem vitae vulputate laoreet、turpis tellus congue odio、ac aliquam urna augueidsem。Quisque consequat ullamcorper loremnonauctor。

Maecenas fringilla、lacus vitae varius venenatis、elit risus rut​​rum mi、consequat ipsum massaquistortor。Phasellus eurisusquam。Maecenas sagittis magna et diamconsequatmolestie。Vivamus pharetra dictum augue、et sollicitudin ipsumfermentumvel。Cras aliquam lobortis loremvelornare。整数fermentumnuncet turpismattissollicitudin。Fusce magna nibh、pellentesque posuere rutrum id、luctusviverranibh。laoreetloremのDonec。Sed auctor turpis vitae lectusdictumconvallis。Nulla quam nulla、scelerisque quis eleifend imperdiet、pretiumutdiam。


実結果:

Lorem ipsum dolorは、amet、consecteturadipiscingelitに座ります。整数のconvallisiaculis前庭。Fusce egestas lectus vitae lacus tempor vel tempusmaurisfacilisis。laciniaenimscelerisqueのFuscedignissimrisus utauguevenenatis。Vivamus idsemtellus。Maecenas vellaoreetmetus。Proin suscipit、eros a ornare tristique、tellus est consequat ipsum、sit amet cursus justo liberononmassa。モルビのauctorはestutposuereをcongueします。Curabitur aliquet metus eu erosfaucibusporttitor。Duis lectus ligula、scelerisque ac eleifend quis、temporcondimentumnisl。Suspendisse bibendum、lorem vitae vulputate laoreet、turpis tellus congue odio、ac aliquam urna augueidsem。Quisque consequat ullamcorper loremnonauctor。Maecenas fringilla、lacus vitae varius venenatis、elit risus rut​​rum mi、consequat ipsum massaquistortor。Phasellus eurisusquam。Maecenas sagittis magna et diamconsequatmolestie。Vivamus pharetra dictum augue、et sollicitudin ipsumfermentumvel。Cras aliquam lobortis loremvelornare。整数fermentumnuncet turpismattissollicitudin。Fusce magna nibh、pellentesque posuere rutrum id、luctusviverranibh。laoreetloremのDonec。Sed auctor turpis vitae lectusdictumconvallis。Nulla quam nulla、scelerisque quis eleifend imperdiet、pretiumutdiam。


私のコード:

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のコンソールウィンドウの使用:

ヘッダー:

コンテンツタイプapplication/json; charset = utf-8

等....


応答:

consequat ipsum massaquistortor。Phasellus eurisusquam。Maecenas sagittis magna et diamconsequatmolestie。Vivamus pharetra dictum augue、et sollicitudin ipsumfermentumvel。Cras aliquam lobortis loremvelornare。整数fermentumnuncet turpismattissollicitudin。Fusce magna nibh、pellentesque posuere rutrum id、luctusviverranibh。laoreetloremのDonec。Sed auctor turpis vitae lectusdictumconvallis。Nulla quam nulla、scelerisque quis eleifend imperdiet、pretiumutdiam。」] laoreetloremのDonec。Sed auctor turpis vitae lectusdictumconvallis。Nulla quam nulla、scelerisque quis eleifend imperdiet、pretiumutdiam。」] laoreetloremのDonec。Sed auctor turpis vitae lectusdictumconvallis。Nulla quam nulla、scelerisque quis eleifend imperdiet、pretiumutdiam。」]


JSON:

キー0で「img/sun.jpg」が表示されます

キー1は私に与えます

Phasellus eurisusquam。Maecenas sagittis magna et diamconsequatmolestie。Vivamus pharetra dictum augue、et sollicitudin ipsumfermentumvel。Cras aliquam lobortis loremvelornare。整数fermentumnuncet turpismattissollicitudin。Fusce magna nibh、pellentesque posuere rutrum id、luctusviverranibh。laoreetloremのDonec。Sed auctor turpis vitae lectusdictumconvallis。Nulla quam nulla、scelerisque quis eleifend imperdiet、pretiumutdiam。」


出力:

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

画像=img/ sun.jpg


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

説明=Loremipsum dolor sit amet、consecteturadipiscingelit。整数のconvallisiaculis前庭。Fusce egestas lectus vitae lacus tempor vel tempusmaurisfacilisis。laciniaenimscelerisqueのFuscedignissimrisus utauguevenenatis。Vivamus idsemtellus。Maecenas vellaoreetmetus。Proin suscipit、eros a ornare tristique、tellus est consequat ipsum、sit amet cursus justo liberononmassa。モルビのauctorはestutposuereをcongueします。Curabitur aliquet metus eu erosfaucibusporttitor。Duis lectus ligula、scelerisque ac eleifend quis、temporcondimentumnisl。Suspendisse bibendum、lorem vitae vulputate laoreet、turpis tellus congue odio、ac aliquam urna augueidsem。Quisque consequat ullamcorper loremnonauctor。

Maecenas fringilla、lacus vitae varius venenatis、elit risus rut​​rum mi、consequat ipsum massaquistortor。Phasellus eurisusquam。Maecenas sagittis magna et diamconsequatmolestie。Vivamus pharetra dictum augue、et sollicitudin ipsumfermentumvel。Cras aliquam lobortis loremvelornare。整数fermentumnuncet turpismattissollicitudin。Fusce magna nibh、pellentesque posuere rutrum id、luctusviverranibh。laoreetloremのDonec。Sed auctor turpis vitae lectusdictumconvallis。Nulla quam nulla、scelerisque quis eleifend imperdiet、pretiumutdiam。

4

1 に答える 1