Question

单击按钮时，尝试将按钮上的文本更改为处理几秒钟

<div id="send"></div>

<button id="button">Send</button>

 <script> 
     $(document).on("click", "#button", function() {   
  var Path = $('#send').html();           
  var success = function() { alert("Successful"); };     
  var error = function(message) { alert("Oopsie! " + message); };  
</script>

Answer 1

你很接近，你只需要这样做$('#button').html("Processing");

然后在成功和错误函数中，您可能希望将按钮文本修改为其他内容，以便它不再显示“正在处理”。

Answer 2

这是你可能正在寻找的东西：

$(document).on("click", "#button", function() {  

    var defaultBtnValue = $('#send').html();
    $('#send').html("Processing..."); 

    $.ajax({
       url: your_url,
       type: "GET",
       success: function() {
           alert("Successful");
       },
       error: function(message) {
           alert("Oopsie! " + message);
       },
       complete: function() {
           $('#send').html(defaultBtnValue);
       }
    });
});

我假设你想要这个＆＃34; Processing＆＃34;显示某事物是......好吧，处理，比如做一个ajax调用（这也可能是setTimeout函数）。好的做法是首先保存按钮的默认值，并确保在操作完成（成功或不成功）后重置它，以防出现问题。

Javascript onclick更改按钮文本几秒钟

2 个答案: