javascript - AJAX 请求返回双倍对象列表 - YUI

Question

我正在使用 YUI 的 Datatable Column Formatter格式化从 AJAX 请求返回的一些数据。这是配置:

var dataTable = new Y.DataTable(
{
    id: 'my-table',
    height: '500px',
    width: '500px'
});
var columns = [{
        key: 'id',
        label: 'ID'
    }, {
        label: 'Name',
        formatter: function (o) {
            console.log(o.data);
            return o.data.name; 
        }
    },
    {   
        key: 'department',
        label: 'Department'
    }
];

function search(){
    dataSource = new Y.DataSource.IO({source: '/search' });
    dataSource.sendRequest({
        dataType: 'json',
        on: {
            success: function(e) {
                response = e.data.responseText;             
                data = Y.JSON.parse(response);
                dataTable.set('columns', columns);
                dataTable.set('data', data.content); 
            },
            failure: function(e) {
                //do stuff
            }
        });
    }

我的表填充得很好

这是从控制台返回的

Object {id: 1, name: "Bob", department: 001}
Object {id: 2, name: "Andy", department: 003}

但是，如果我第二次启动请求，返回的对象数量就会翻倍

Object {id: 1, name: "Bob", department: 001}
Object {id: 2, name: "Andy", department: 003}
Object {id: 1, name: "Bob", department: 001}
Object {id: 2, name: "Andy", department: 003}

虽然数据仍然显示，但这种重复会破坏其他地方的功能。此外，无论发起多少次请求，都只会返回加倍的列表。知道为什么对象会合并吗？

Answer 1

尝试删除每个 AJAX 请求上的现有数据。 $('#myTableID').remove() 然后重新创建。看来您的 AJAX 调用正在附加到现有内容