PHP foreachループのJQuery $ .post

Question

私は、購読者が受信したいニュースレターを選択できるフォームを持っています.AJAXフォームはExact Targetに結果を送って、購読者をすべてのリストに追加します加えられた。

これを処理するPHP foreachループセットアップがあります。

<?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を含む文字列は、要求が送信されます。
• data - リクエストとともにサーバーに送信されるマップまたは文字列。
• 成功（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リクエストの成功コールバックを使用できます。

は良く明確にする：

$(document).ready(function() {});火災をDOMの準備ができている（すなわち、ページがロードされ、私は（例えば）イベントリスナーを取り付ける他のもののために準備ができていているちょっとのように）。やりたいことのように.post()のコールバックを使用している：

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

しかし、本当の疑問は残る：なぜあなたはAJAXリクエストを構築するためにPHPのループを使用しています。それはまったく意味がありません。 PHPを使用してページを構築しているので、AJAXを使用したいコンテンツを追加してみませんか？

Answer 3

あなたはループした後、このvar jqxhr = $.post('ET url for API call'+xmlData);

を試みることができる：

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

あなたはdocumentationにjqXHRステータス機能について読むことができます。

しかし、全体のアプローチを変更したいことがあります。たぶんあなたのPHPはあなたのページがループする可能性がある1つのjavascript配列を出力するはずです。あなたは何を達成しようとしていますか？