Javascript AJAX：如何在使用AJAX仅刷新div时刷新JS

我使用下面的代码只刷新html页面中的一个DIV

<script type="text/javascript">
    $('.active').live('click', function(event) {
        var elem = $(this);
        var url = $(this).attr('href');
        alert(url);
        $.ajax({
            url: url,
            success: function(result) {
                var dtr = $("#test", result);
                $('#test').html(dtr);}
        });
        event.preventDefault();
        event.stopPropagation();
    });
</script>

$（'.active'）.live（'click'，函数（事件）{
var elem=$（本）；
var url=$（this.attr（'href'）；
警报（url）；
$.ajax({
url:url，
成功：功能（结果）{
var dtr=$（“测试”，结果）；
$（'#test'）.html（dtr）；}
});
event.preventDefault（）；
event.stopPropagation（）；
});

但它并没有像下面这样加载其他JS代码，我在同一个html页面中编写了这些代码，并在加载或刷新页面时使用这些代码

<script type="text/javascript" charset="utf-8">
    $(document).ready( function () {
        $('#example').dataTable( {
            "sDom": 'T<"clear">lfrtip',
            "oTableTools": {
                "sScrollY": 200,
                "sScrollX": "100%",
                "sScrollXInner": "110%",
                "sSwfPath": "../mymedia/savefiles/copy_csv_xls_pdf.swf"
            }
        } )
        .columnFilter({
            aoColumns: {{columnfilters|safe}}
        });
    } );
</script>

$（文档）.ready（函数（）{
$（'#示例'）。数据表（{
“sDom”：“Tlfrtip”，
“可旋转工具”：{
“sScrollY”：200，
“sScrollX”：“100%”，
“sScrollXInner”：“110%”，
“sSwfPath”：“./mymedia/savefiles/copy\u csv\u xls\u pdf.swf”
}
} )
.柱形过滤器({
aoColumns:{{columnfilters | safe}}
});
} );

建议我在加载DIV或使用AJAX刷新DIV时如何自动调用或刷新JS。

试试这个

最初您初始化了该表，因此首先清除该表

$('#example').dataTable().fnDestroy();

然后在ajax成功后再次初始化

$('#example').dataTable();

像这样

<script type="text/javascript"> 
$('.active').live('click', function(event) {
$('#example').dataTable().fnDestroy(); 
var elem = $(this); 
var url = $(this).attr('href'); alert(url); 
$.ajax({ 
url: url, 
success: function(result) 
{ 
var dtr = $("#test", result); 
$('#test').html(dtr);
$('#example').dataTable( {
                "sDom": 'T<"clear">lfrtip',
                "oTableTools": {
                    "sScrollY": 200,
                    "sScrollX": "100%",
                    "sScrollXInner": "110%",
                    "sSwfPath": "../mymedia/savefiles/copy_csv_xls_pdf.swf"
                }
            } )
            .columnFilter({
        aoColumns: {{columnfilters|safe}}
    });
} 
});
event.preventDefault(); 
event.stopPropagation();
}); 
</script>

$（'.active'）.live（'click'，函数（事件）{
$（'#示例'）.dataTable（）.fndroduction（）；
var elem=$（本）；
var url=$（this.attr（'href'）；警报（url）；
$.ajax（{
url:url，
成功：功能（结果）
{ 
var dtr=$（“测试”，结果）；
$（'#test'）.html（dtr）；
$（'#示例'）。数据表（{
“sDom”：“Tlfrtip”，
“可旋转工具”：{
“sScrollY”：200，
“sScrollX”：“100%”，
“sScrollXInner”：“110%”，
“sSwfPath”：“./mymedia/savefiles/copy\u csv\u xls\u pdf.swf”
}
} )
.柱形过滤器({
aoColumns:{{columnfilters | safe}}
});
} 
});
event.preventDefault（）；
event.stopPropagation（）；
}); 

您必须再次调用datatable，对吗？是的，当刷新DIV时，我想调用datatable.wowwwww。。。！！很不错的。。这对我很有用，非常感谢Sridhar@PSSR很高兴帮助您

：-）