HTML 或 CSS 从对象数据更改文本

Question

我正在将一个文本从一个 php 文件导入到我的 HTML 中，问题是我希望文本具有灰色并且它被导入为黑色。我试图从 CSS 更改它，但它不起作用。有人知道我该如何解决这个问题吗？

谢谢

<div class="box" style="width:100%">
        <h2>Change Log</h2>
        blablalblalbla
        <p>
            <object data="http://www.mysite.com/changelogordered.php" type="text/html" width="100%">
                <p>[Cannot load http://www.mysite.com/changelogordered.php]</p>
            </object>
        </p>
</div>

Answer 1

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