Ajax JQuery Fadein TD класс - PullRequest
Новая
       6

Ajax JQuery Fadein TD класс

0 голосов
/ 01 декабря 2011

У меня есть класс таблицы td с именем " on ", который я хотел бы добавить, когда Ajax обновляет таблицу.По какой-то причине он не исчезнет.

Вот код на данный момент: 

function Ajax()
{
var xmlHttp;
xmlHttp.onreadystatechange=function(){
document.getElementById('refreshtable').innerHTML=xmlHttp.responseText;
setTimeout('Ajax()',20000);
xmlHttp.open("GET","mypage.cfm",true);
xmlHttp.send(null); 
}
window.onload=function(){
setTimeout('Ajax()',20000);
$(".on").hide().html(html).fadeIn(); //jquery fadein
}

<table>
<div id="refreshtable">
<tr>
<td class="on">#data1#</td>
<td class="on">#data2#</td>
<td class="on">#data3#</td>
</tr>
</div>
</table>

1 Ответ

2 голосов
/ 01 декабря 2011

Почему бы не использовать реализацию AJAX в jQuery? Это немного сократит ваш код. 

$(function () {
    var timer = setInterval(function () {
        $.get('mypage.cfm', function (response) {
            $('.on').fadeOut(function () {
                $(this).html(response).fadeIn();
            });
        });
    }, 20000);
});

Вот пример правильного функционирования: http://apexeleven.com/stackoverflow/jquery.get/test.html

...