JQuery Reload

Question

Здравствуйте, так что я делаю приложение чата с помощью долгосрочного опроса, Аякса и т.д.

То, что я хотел сделать, когда я нажал на кнопку «Отправить» Я хотел значение из чтобы изменить на «Подождите ...», и он будет обновлен и вернется к значению «Отправить».

На данный момент это мой код, когда кнопка «Отправить» нажата:

$('#btnsend').val('Please wait..'); 

Это работа, но она не будет возвращаться к «Отправить» значение. Есть предположения? Благодаря!

Answer 1

$('#btnSend').on('click', function() { 
    $(this).val('Please wait...').prop('disabled', true); 

    // Your processing here e.g. ajax 

    // when completed 

    $(this).val('Send').prop('disabled', false); 
}) 

Answer 2

Ниже подход adavantage, что вам нужно беспокоиться о intial стоимости HTML

$('#btnSend').on('click', function() { 


    var intialValue = $(this).val(); // in case you are using button tag then use html() instead of val() 


    $(this).val('Please wait...').prop('disabled', true); 

    $.ajax({ 
     .. 
     .., 
     complete:function(){ 
     $('#btnSend').val(intialValue); // again use html() incase of button or any other tag apart from input 
     } 

    }) 

}) 

Answer 3

$('#send').on('click',function(){ 
var self=$(this); 
self.val("Please wait...").attr('disabled',true); 

$.ajax({ 
    url: '/path/to/file', 
    type: 'default GET (Other values: POST)', 
    dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)', 
    data: {param1: 'value1'}, 
}) 
.done(function(data) { 
    self.val('Send').attr('disabled',false); 
}) 
.fail(function() { 
    console.log("error"); 
}) 
.always(function() { 
    console.log("complete"); 
}); 
});