JQuery $ .post в PHP foreach loop

Question

У меня есть форма, в которой абонент может выбрать новостные бюллетени, которые они хотят получить, а затем форма AJAX отправит результаты в Exact Target и добавит подписчика в каждый список, который хочет сделать абонент добавлено тоже.

У меня есть PHP foreach loop setup, чтобы справиться с этим.

<?php foreach ($listNumbers as $item): ?> 
      var xmlData = 'Ths is the ET API call'; 
      $.post('ET url for API call'+xmlData);  
     <?php endforeach; ?>  

После того, как цикл (ы) запускается, пользователь отправляется на страницу с благодарностью, подобную этой.

$(document).ready(function() { 
location.href = "thank you url"; 
}); 

Все работает .. по большей части. Я использую документ, потому что я хочу дать петле достаточно времени, чтобы отправить вызов API. Есть ли способ обнаружить, когда функции $ .post завершены? Если это успешно? а затем отправить пользователю, чтобы поблагодарить вас?

Я обнаружил, что местоположение href отправляет некоторых пользователей на страницу благодарности, прежде чем код сможет запустить.

Спасибо, Майкл

Answer 1

http://api.jquery.com/jQuery.post/

Там в обратный вызов, который говорит вам, что он закончил

jQuery.post(url [, data] [, success(data, textStatus, jqXHR)] [, dataType]) 

• URL - строка, содержащая URL, к которому направляется запрос.
• данные - карта или строка, отправленная на сервер с запросом.
• success (data, textStatus, jqXHR) - функция обратного вызова, которая выполняется, если запрос завершается успешно.
• dataType - тип данных, ожидаемых от сервера. По умолчанию: Intelligent Guess (xml, json, script, text, html).

Пример сценария, вам нужно отслеживать, что все запросы завершены, хотя я настоятельно рекомендую вам написать новый вызов на стороне сервера, который вы можете позвонить только один раз, если сможете.

var xhrCount = <?= count($listNumbers) ?>; 
<?php foreach ($listNumbers as $item): ?> 
    var xmlData = 'Ths is the ET API call'; 
    $.post('ET url for API call'+xmlData, null, function() { 
     xhrCount--; 
     if (xhrCount === 0) { 
      location.href = 'myurl' 
     } 
    });  
<?php endforeach; ?> 

Не уверен, что может быть не так с вашим count(), но вы можете рассчитывать сами;

var xhrCount = 0; 
<?php foreach ($listNumbers as $item): ?> 
    var xmlData = 'Ths is the ET API call'; 
    xhrCount++; 
    $.post('ET url for API call'+xmlData, null, function() { 
     xhrCount--; 
     if (xhrCount === 0) { 
      location.href = 'myurl' 
     } 
    });  
<?php endforeach; ?> 

Answer 2

$(document).ready(function() { }); // this is NOT the callback of the AJAX request 

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

Вы можете либо выполнить асинхронный вызов, либо использовать обратный вызов успеха запроса ajax.

Чтобы лучше прояснить:

The $(document).ready(function() {}); пожаров, когда DOM готов (т.е. вроде как страница загружена, и я готов для других вещей (например, прикрепление слушателей событий)).То, что вы хотите сделать, это использовать дозвон .post() как:

$.post('ajax/test.html', function(data) { 
    // this only gets called when the ajax request is finished 
}); 

Но вопрос остается: почему вы используете PHP цикл для создания AJAX-запросов. Это просто не имеет никакого смысла. Вы все еще строите страницу с помощью PHP, так почему бы вам не добавить контент, который хотите получить с помощью AJAX?

Answer 3

Вы могли бы попробовать это var jqxhr = $.post('ET url for API call'+xmlData);

После цикла:

jqxhr.complete(function(){ 
    location.href = "thank you url"; 
}); 

Вы можете прочитать о функциях состояния jqXHR в documentation.

Но вы можете изменить весь свой подход. Возможно, ваш PHP должен вывести один массив javascript, который ваша страница могла бы зацикливаться. Что вы пытаетесь достичь?