javascript - 为什么 location.reload() 会破坏我的 $.post？

Question

我有一个 select 元素，当使用 $.post 更改时，它会发布(很好)。但是，如果我想重新加载页面，并添加 location.reload() 则它不会发布。如果我删除该行，它会很好地发布。有什么想法吗？

        <script type="text/javascript">
          $('#target').change(function() {
            $.post('<?=$base_url?>orders/create-new/order-items/<?=$order_id?>/target', 
              { 
                use_sort_modifier: $('select#target').val(),
                order_id: <?=$order_id?>
              } 
            );
            location.reload(); // Works without this line.
          });
        </script>

Answer 1

Ajax 是异步的。您的重新加载在帖子有机会完成之前触发。

在帖子的 success 事件处理程序中重新加载:

$.post('<?=$base_url?>orders/create-new/order-items/<?=$order_id?>/target', 
  { 
   use_sort_modifier: $('select#target').val(),
   order_id: <?=$order_id?>
  },
 function() { location.reload(); }
 );