通常の Ajax 呼び出しを使用することをお勧めします (ヒントは jQuery を使用してください!: ajax api referene ) 私がこれを推奨する主な理由は、オブジェクトではなく、スタイル設定が容易な通常の HTML を扱い続けるためです。
私の頭の上からの例:
<style>
#reply-from-server{
overflow:scroll;
height:300px;
color:red;
}
</style>
<div class="box" style="width:100%">
<h2>Change Log</h2>
blablalblalbla
<div id="reply-from-server"></div>
</div>
Javascript:
$.ajax({
url: "/changelog1.php",
success: displayText,
error: showError
});
function displayText(data){
$("#reply-from-server").append(data);
}
function showError(data){
var mess = "An error occured!";
$("#reply-from-server").text(mess);
}
注: これは jQuery の Web サイトに投稿されています。最終的な削除に備えてコードを準備するには、代わりに jqXHR.done()、jqXHR.fail()、および jqXHR.always() を使用してください。
最新の jQuery を使用した Javascript:
$.ajax("/changelog1.php").done(displayText).fail(showError);
function displayText(data){
$("#reply-from-server").append(data);
}
function showError(data){
var mess = "An error occured!";
$("#reply-from-server").text(mess);
}