2

ASP.net Web サービスへの JSON を使用して、JQuery で次の AJAX プルを作成します。

$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "TestWebService.asmx/Foo",
data: "{}",
dataType: "json",
success: function(msg) {
    $("#justpre").html(msg.d);
    $("#precode").html(msg.d);
} } );

TestWebService は、以下を返す非常に単純な WebMethod Foo() を実装します。

[WebMethod]
public string Foo() {
    return "multi" + Environment.NewLine + "line" + Environment.NewLine + "comment";
}

最後に、結果を表示します

<pre id="justpre"></pre>

<pre><code id="precode"></code></pre>

Firefox と Chrome は、返された値を複数行のコメントとして問題なく表示します。ただし、IE7 では改行なしの単一行としてレンダリングされます。

FF, Chrome:
multi
line
comment

IE7:
multi line comment

どうすればこれを修正できますか?

4

2 に答える 2

0

「pre」タグを使用する代わりに、親タグでCSSを使用してみてください

.theParentTagOfPre {
   white-space: pre-wrap;
}

空白に関する詳細情報

于 2009-10-22T07:57:03.803 に答える