Mootools 1.3.2 Request.HTML 获取 table 行
Mootools 1.3.2 Request.HTML fetch table rows
首先请不要 bash 我使用旧技术(轮询)和旧版本的 Mootools (1.3.2),因为我无法控制这些因素。
好的,这是我的问题。
我有一个页面每隔几秒刷新一次,通过 AJAX 从数据库中获取新数据。理想情况下返回值的结构应该是这样的:
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
收到此 table 行结构结果后,我需要将其附加到页面中的当前 table,如果有新记录。如果有 none,则不会对 table 进行任何更改。
目前我正在使用
var req = new Request.HTML({url: url_to_get_new_rows,
onSuccess: function(html, responseHTML) {
// append table row 'html' here
}
}).send();
但是,我应该在 table 末尾附加的 'html' 变量中的返回值仅 returns
1 2 3 4
这显然是一种不受欢迎的行为,因为我需要 tr
和 td
元素才能使其正常工作。
希望有人能帮我解决这个问题。
谢谢!
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>
首先请不要 bash 我使用旧技术(轮询)和旧版本的 Mootools (1.3.2),因为我无法控制这些因素。
好的,这是我的问题。
我有一个页面每隔几秒刷新一次,通过 AJAX 从数据库中获取新数据。理想情况下返回值的结构应该是这样的:
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
收到此 table 行结构结果后,我需要将其附加到页面中的当前 table,如果有新记录。如果有 none,则不会对 table 进行任何更改。
目前我正在使用
var req = new Request.HTML({url: url_to_get_new_rows,
onSuccess: function(html, responseHTML) {
// append table row 'html' here
}
}).send();
但是,我应该在 table 末尾附加的 'html' 变量中的返回值仅 returns
1 2 3 4
这显然是一种不受欢迎的行为,因为我需要 tr
和 td
元素才能使其正常工作。
希望有人能帮我解决这个问题。
谢谢!
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>