Javascript 单击更改按钮文本几秒钟

Javascript onclick change button text for a few seconds

本文关键字：几秒 文本 单击 按钮 Javascript      更新时间：2023-09-26

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

<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>

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

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

这是您可能正在寻找的：

$(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);
       }
    });
});

我假设你不想显示这个"处理"，而某些东西是......嗯，处理，就像做一个ajax调用（这可能也是一个setTimeout函数）。好的做法是首先保存按钮的默认值，并确保在操作完成后（成功与否）重置它，以防出现问题。

相关文章：