簡體   English   中英

dataTable刷新ajax成功

[英]dataTable refresh on ajax success

我有來自jquery插件dataTables(http://datatables.net/)的數據表,我想在ajax成功時刷新。 我嘗試了以下代碼,但它不起作用。 任何幫助將不勝感激

$(document).ready(function() {
    oTable = $('#mytable').dataTable();
    var fa = 0;
    $('#submit tbody td ').click(function() {
    var gCard = $('#mytable tbody').delegate("tr", "click", rowClick);


    });
    function rowClick() {
        fa = this;
        var id  = $("td:eq(1)", this).text();
        cardNumber = $.trim(id);    
        $.ajax({
            url : 'myurltopostto',
            type : 'POST',
            data : {
                id  :   id

            },
            success : function(data) {
                oTable.fnDraw(); //wanted to update here
            },
            error : function() {
                console.log('error');
            }
        });
    }

});

您可以使用: fnDeleteRow ,它將在內部刷新表格html和數據,在此處查找API詳細信息:

http://datatables.net/ref

    oTable.fnDeleteRow( fa );

親愛的,親愛的...親愛的...我的英語非常糟糕,但我幫助你......我的下列是這樣的:

    <script type="text/javascript">

        function Ajax()
        {
            var
                $http,
                $self = arguments.callee;

            if (window.XMLHttpRequest) {
                $http = new XMLHttpRequest();
            } else if (window.ActiveXObject) {
                try {
                    $http = new ActiveXObject('Msxml2.XMLHTTP');
                } catch(e) {
                    $http = new ActiveXObject('Microsoft.XMLHTTP');
                }
            }

            if ($http) {
                $http.onreadystatechange = function()
                {
                    if (/4|^complete$/.test($http.readyState)) {
                        document.getElementById('ReloadThis').innerHTML = $http.responseText;
                        setTimeout(function(){$self();}, 10000);
                        $( this ).hide( "slow" );
                    }
                };
                $http.open('GET', 'cls_Noticias/last_noticias.php', true);
                $http.send(null);
            }

        }

    </script>

</head>
<body>

    <script type="text/javascript">
        setTimeout(function() {Ajax();}, 10000);
    </script>

    <div id="ReloadThis">Espere a que la pagina se actualice!</div>

</body>

美好生活!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM