Javascriptalert() 取代前面的代码

Question

我有一个带有提交按钮的联系表单。一旦从处理提交数据的服务器端 PHP 收到响应，我将使用 JQuery 按照以下顺序执行以下操作:

1. 将按钮文本更改为“发送”
2. 在提醒中显示收到的响应

代码很简单:

submit_button.text('Send');
alert(response);

但是，无论如何，alert() 似乎总是在文本更改之前触发。这是设计使然吗？有什么技巧可以改变顺序吗？我需要在显示警报之前更改按钮的文本。我什至徒劳地尝试了以下方法:

submit_button.text('Send');
if(submit_button.text() == 'Send') { alert(response); }

如果这个问题已在其他地方得到解答，我很抱歉，如果是这种情况，请您为我指出正确的方向。

Answer 1

您可以将 alert 调用包装到 setTimeout 调用中，这会将 alert 调用置于事件循环的末尾，并且将首先给浏览器时间更新 DOM。

submit_button.text('Send');
setTimeout(function () { alert(response); }, 1);

fiddle : https://jsfiddle.net/sn9cbqz3/3/