data 属性怎么ajax,更新按钮使用ajax和data- *属性

我试图做一个更新函数，而不是使用窗体，我使用data- *属性和ajax。我只是想防止更新值后触发按钮，但我更新按钮后，我的脚本有问题不应该被触发，因为输入(数字)的值和我的按钮的data- *属性是已经一样了。我希望你能帮助我。感谢提前:)更新按钮使用ajax和data- *属性

$('body').on('click', '.btn-edituser', function(){

var button = $(this);

var upval = button.parent().prev().find('.data-avail').val();//get the value of the input(number)

var updateId = button.data('updateid');// this is the user id to be pass on to the php file

var tempAv = button.data('tempavail'); //doesn't get the new values after updating this is my PROBLEM

if(upval != tempAv){ //check if the input(number) has been changes value/doesn't have the same value with the data attribute (temporary)

button.addClass('disabled');

button.html(' Updating...');

$.ajax({

url:'./inc/update-avail.php',

type: 'POST',

data:{upval:upval, updateId:updateId},

success:function(data){

button.removeClass('disabled');

button.attr('data-tempavail', upval); //update the data attribute (temporary)

button.removeClass('btn-info').addClass('btn-success').html(' Success');

setTimeout(function(){

button.removeClass('btn-success').addClass('btn-info').html(' Edit');

}, 1000);

}

});

} });

+0

变化button.attr( '数据tempavail'，upval);到button.attr('data-tempavail'，tempAv) –