javascript - $.post 在 javascript 之后执行

Question

这个问题已经有答案了:

How do I return the response from an asynchronous call? (42 个回答)

已关闭 7 年前。

很抱歉，如果我的标题不清楚，但我不确定如何准确地提出问题。所以，我有这个代码:

HTML:

<button onclick="test()">test</button><br>

JavaScript:

function test(){
  var text="Old text";  
  $.post('test.php',function(data){
      text=data;
    });
  alert(text);
}

PHP:

<?php
   echo "New text";
?>

但在警报框中我收到“旧文本”。我该如何解决这个问题？

Answer 1

将警报移至后回调函数内。在其他地方，警报在 $.post 运行时执行。

function test(){
  var text="Old text";  
  $.post('test.php',function(data){
      text=data;
      alert(text);
    });

}

更新:如果您在警报后有更多代码要执行，您可以将这些操作包装在新函数中:

    function test(){
      var text="Old text";  
      $.post('test.php',function(data){
          text=data;
          moreActions(text);
        });
    }

   function moreActions(text){
     alert(text);
     // and more actions to work with TEXT here
   }