使用模型和AJAX更新数据后,我遇到了问题。当我单击模型上的“保存”按钮时,我的数据出现两次。
点击重新加载页面后:
它返回到正常页面,我只想显示一次数据。 单击“保存”按钮后,这就是我想要的结果。
以前有人遇到过同样的问题吗?我不知道我做错了什么。
保存按钮代码:
$('#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');
}
});
}