cakephp - Mootools 1.3.2 Request.HTML 获取表行

Question

首先，请不要因为我使用旧技术(轮询)和旧版本的 Mootools (1.3.2) 而批评我，因为我无法控制这些因素。

好吧，这就是我的问题。

我有一个页面每隔几秒刷新一次，以通过 AJAX 从数据库中获取新数据。理想情况下，返回值的结构应如下所示:

<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
</tr>

收到此表行结构结果后，我需要将其附加到页面中的当前表，如果有新记录，这实际上只是在表上添加一条新记录。如果没有，则不会对表进行任何更改。

目前我正在使用

var req = new Request.HTML({url: url_to_get_new_rows, 
    onSuccess: function(html, responseHTML) {
        // append table row 'html' here
    }
}).send();

但是，我应该附加在表末尾的“html”变量中的返回值仅返回

1 2 3 4

这显然是一种不受欢迎的行为，因为我需要 tr 和 td 元素才能使其工作。

我希望有人能帮助我解决这个问题。

谢谢!

Answer 1

Javascript:

new Request.HTML({
    url:'tr.php',
    onSuccess: function(responseTree, responseElements, responseHTML, responseJavaScript) {
        var tbody = document.id('tbody');

        tbody.set('html', tbody.get('html') + responseHTML);
        // or
        var tr = new Element('table', {'html': responseHTML}).getElement('tr');
        tr.inject(tbody);
    }
}).get();

HTML:

<table>
    <thead>
        <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>
            <th>4</th>
        </tr>
    </thead>
    <tbody id="tbody">
        <tr>
            <td>a</td>
            <td>b</td>
            <td>c</td>
            <td>d</td>
        </tr>
    </tbody>
</table>