嘿，我来帮你搞定这个问题！你现在的代码每次调用ajax_call$都会重新初始化DataTable，这就触发了重复初始化的错误——毕竟同一个表格元素可不能被初始化多次哦。咱们换个思路，只初始化一次表格，之后只刷新数据，就能完美解决这个问题啦。

修正后的完整代码 #

// 全局保存DataTable实例，方便后续调用刷新方法
let coinMarketTable;

// 页面加载完成后只初始化一次表格
$(document).ready(function() {
    coinMarketTable = $('#example').DataTable({ 
        "ajax": { 
            "url": "https://api.coinmarketcap.com/v1/ticker/", 
            "dataSrc": "" 
        }, 
        "columns": [ 
            { "data": "rank" }, 
            { "data": "name" }, 
            { 
                "data": "market_cap_usd", 
                render: function (data, type, row) { 
                    // 处理可能的空值，避免显示undefined
                    return '$' + (data ? data : 'N/A'); 
                } 
            }, 
            { 
                "data": "price_usd", 
                render: function(data, type, row) {
                    // 格式化价格为两位小数，同时处理空值
                    return '$' + (data ? parseFloat(data).toFixed(2) : 'N/A'); 
                } 
            }
            // 你的其他列配置可以继续写在这里
        ] 
    });

    // 设置每5秒自动刷新数据
    setInterval(function() {
        // ajax.reload()是DataTable官方的刷新方法，只会重新加载数据，不会重新初始化表格
        // 第二个参数false表示刷新后保持当前分页位置，设为true会回到第一页
        coinMarketTable.ajax.reload(null, false);
    }, 5000);
});

关键改动说明 #

• 保存表格实例：把初始化后的DataTable对象存到全局变量coinMarketTable里，这样后续可以直接调用它的API方法，不用再重新获取或初始化。
• 只初始化一次：把表格初始化放在$(document).ready()里，页面加载完成后只执行一次，彻底避免重复初始化的错误。
• 使用官方刷新方法：用coinMarketTable.ajax.reload()来刷新数据，这是DataTable专门提供的AJAX数据重载方法，只会更新表格内容，不会触动表格的初始化配置。
• 处理空值情况：在render函数里加入了对空数据的判断，避免页面显示undefined或者奇怪的格式，提升用户体验。

额外注意事项 #

• 如果目标API有请求频率限制，建议适当调整刷新间隔，避免被限流哦。
• 如果需要在刷新前做一些额外操作（比如显示加载动画），可以在ajax.reload()的第一个参数里传入回调函数，比如：

  coinMarketTable.ajax.reload(function() {
      console.log('数据刷新完成！');
      // 这里可以写刷新后的操作
  }, false);
  

内容的提问来源于stack exchange，提问作者Supun Chathuranga Wijemanna