Почему 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(); } 
); 

Answer 2

$.post() выполняется асинхронно, так что это на самом деле не сделано, когда вы звоните location.reload(), следовательно, она прерывается - вы можете передать успех обратного вызова $.post(), который выполняется после того, как сообщение было успешно завершено и выполнить свой перезарядку там ,

Answer 3

Вам нужно сделать location.reload() на обратный вызов с поста, а не только после того, как в почтовом коде.

Вот пример:

$.ajax({ 
     type: 'POST', 
     url: url, 
     data: data, 
     success: function() { location.reload() }, 
     dataType: dataType 
    }); 

Вы должны поместить его в success: части в вашем $post коде.

Answer 4

Вы также можете поместить async: false в ваше АЯКС заявление