我建议您使用常规的 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 网站上:弃用通知:jqXHR.success()、jqXHR.error() 和 jqXHR.complete() 回调从 jQuery 1.8 开始被弃用。要为最终删除准备代码,请改用 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);
}