使用模型和AJAX更新数据时出现问题

时间:2019-03-27 19:47:59

标签: javascript php jquery ajax

使用模型和AJAX更新数据后,我遇到了问题。当我单击模型上的“保存”按钮时,我的数据出现两次。

my data appears twice

点击重新加载页面后:

button

它返回到正常页面,我只想显示一次数据。 单击“保存”按钮后,这就是我想要的结果。

Here is the result that I want after I click the save button

以前有人遇到过同样的问题吗?我不知道我做错了什么。

保存按钮代码:

$('#saveBtn').click(function() {
    //alert('hello');
    var url = $('#myForm').attr('action');
    //var data = $('#myForm').serialize();
    if(true) {
         $.ajax({
        type: 'ajax',
        method: 'post',
        url: url,
        data: $('#myForm').serialize(),
        datatype: 'json',
        success: function() { 
            $('#modal_form').modal('hide');
            //$('#myForm')[0].reset();
            getStatu(); 
        },
        error: function() {
            alert('Error');
        }
    });
    } else {
        alert('error');
    }
});

getStatu()函数:

function getStatu() {
    $.ajax({
        type: 'ajax',
        url: url,
        dataType: 'json',
        success: function(data) {
            //console.log(data);
            var html = '';
            var i;
            for(i=0; i<data.length; i++) {
                var row = $('<tr></tr>');
                          $('<td></td>').appendTo($(row)).html(data[i].name);
                          $('<td></td>').appendTo($(row)).html(getDot(data[i].online));
                          $('<td></td>').appendTo($(row)).html(getDot(data[i].offline));
                          $('<td></td>').appendTo($(row)).html(data[i].comment);
                          $('<td></td>').appendTo($(row)).html('<a href="javascript:;" class="btn btn-primary edit" data="'+data[i].statuid+'">Edit</a>');
                $('#info').append($(row)); 

                function getDot(data) {
                    var div = '';
                    if(data) {
                        div = $('<div class="dot"></div>');
                        if(data === 'IN') {
                            $(div).addClass('green-dot');
                        } else if(data === 'OUT') {
                            $(div).addClass('red-dot');
                        }
                    }
                    return div;
                }
            }
        },
        error: function() {
            alert('Fail to load data');
        }
    });
}

0 个答案:

没有答案