如何在 asp.net jquery(ajax) 应用程序中避免 ISPOSTBACK？

Question

我有一个使用 jquery/Ajax 的 ASP.NET WEB API 应用程序。当我在下拉列表中选择“M1”时，当我单击“更新”按钮时，gridview 会显示机器 1 的数据。如果更改为“M2”，gridview 将显示 M1 和 M2 的数据。它继续添加数据。我只想查看 M1 或 M2 等的数据。问题可能是由于 POSTBACK 功能。如何解决这个问题？更新面板？

function update() {
    $.ajax({
        type: 'GET',
        url: '/api/stop/',
        dataType: "JSON",
        data: "data",
        success: function (data) { 
            $.each(data, function (i, data) {
                if (data.machinename == $("#DropDownList11").val() && data.name != $(null).val() && data.overlimit == 1 && data.stopcause ==$(null).val())
                {
                        var _id = data.id;
                        var _machinename = data.machinename;
                        var _stopcause = data.stopcause;
                        var _machinename = data.machinename;
                        var _name = data.name;
                        var _stop1 = data.idlestart;
                        var _stop2 = data.idlestop;
                        var _data = '<tr><td>' + _id + ' </td><td>' + _machinename + '</td><td>' + _name + '</td><td>' + _stop1 + '</td><td>' + _stop2 + '</td><td>';
                        var _data2 = '<option>' + data.id + '</option>'
                        $('table').append(_data);
                        $('#DropDownList5').append($(_data2))
                };
            });
        }
    });
}

Answer 1

好吧，我猜是，问题出在您的附加逻辑中，$('table').append(_data);。您继续将数据附加到表中，而不是清除以前的数据。只需在进入jQuery 的$.each api 之前尝试清除数据。如下所示：

$.ajax({
    type: 'GET',
    url: '/api/stop/',
    dataType: "JSON",
    data: "data",
    success: function (data) {
        $("table tr").remove(); // this line will clear off the previous table tr elements before appending new ones.
        $.each(data, function (i, data) {
            if (data.machinename == $("#DropDownList11").val() && data.name != $(null).val() && data.overlimit == 1 && data.stopcause ==$(null).val())
            {
                    var _id = data.id;
                    var _machinename = data.machinename;
                    var _stopcause = data.stopcause;
                    var _machinename = data.machinename;
                    var _name = data.name;
                    var _stop1 = data.idlestart;
                    var _stop2 = data.idlestop;
                    var _data = '<tr><td>' + _id + ' </td><td>' + _machinename + '</td><td>' + _name + '</td><td>' + _stop1 + '</td><td>' + _stop2 + '</td><td>';
                    var _data2 = '<option>' + data.id + '</option>'
                    $('table').append(_data);
                    $('#DropDownList5').append($(_data2))
            };
        });
    }
});

此外，我不确定您提到的 POSTBACK 函数在哪里，据我所知，POSTBACK 函数是 WebForms 的一部分，而不是 WebAPI。所以，我假设你通过 POSTBACK 方法，你的意思是方法 success。