如何将存储到json文件中的td-class放入html表中(使用ajax)

时间:2014-10-10 14:55:48

标签: javascript php html ajax json

首先,我需要承认我对Javascript的了解非常有限。我一直在苦苦挣扎,以便在没有使用jQuery的AJAX页面刷新的情况下在后台刷新我的页面内容。到目前为止,我已经设法获得所有需要通过div成功更新的内容变量。现在我还想根据div中的值更改td类。我更喜欢将这些信息存储到我可以带到我的html页面的变量中,我想知道如何实现这一点。

以下是我的代码的简化示例:

php脚本生成所需变量并将它们存储(回显)到json数组中(example.php)

$variable1 = 20;

if ($variable1 > 50) {
$variable1class="positive";
} else {
$variable1class="negative";
}

$array['variable1']      = $variable1;
$array['variable1class'] = $variable1class;

echo json_encode($array);

html表,其中变量是从example.php生成的json中检索的:

<table>
    <tr>
        <td class='variable1class'>
        <div id='variable1'></div>
        </td>
    </tr>
</table>

的javascript:

<script type="text/javascript">
   $(function() {
     refresh();
    });

    function refresh() {
         $.getJSON('example.php', function(data) {
            $('div#variable1').html(data.variable1);
       });
    setTimeout("refresh()",10000);
   }

上面的代码完全刷新了后台的php页面并更改了html页面中de div(variable1)的内容。

如何插入td-class(也存储在json中)?像下面这样的东西会很棒,但显然不起作用:)。

javascipt的:

function refresh() {
             $.getJSON('example.php', function(data) {
                $('div#variable1').html(data.variable1);
                $('td#variable1class').html(data.variable1class);               
             });
    setTimeout("refresh()",10000);
}

提前多多谢谢!

1 个答案:

答案 0 :(得分:1)

$('td.variable1class').addClass(data.variable1class);