2011-12-15 8 views
1

私はajaxedフォームを持ちたいと思います。ユーザーがsubmitをクリックすると、フォーム値をphpファイルに送信します。何も表示されません。jQuery - さまざまなステップでの対応方法

今、私は応答部で買い物をするためにサーバーからいくつかの回答を得たいと思います。

例えばフォームはポストを書くためのもので、その後、私のPHPファイルには、5種類のフォーラムにその記事を掲載する予定ですし、私はそれがフォーラム1に投稿

のようにやっているまさにその結果に表示したいです。..それをクリアしてフォーラム2への投稿を表示してください...

私はスクリプトが現在jqueryの出力divで生きていることを示したいと思います。どうすればいいですか? jqueryのコード要件とPHPの要件を教えてください。ここにあなたの助け

+0

私はこの権利を取得しました:あなたは 'form'の' submit'を傍受したいですAJAXの一連のリクエストを実行しますか? –

答えて

0

を事前に

おかげであなたのためにこれを達成する必要がある関数です:

//'step' indicates the current iteration of the posting loop, and 'limit' tells it after how many iterations to stop. If you want to post to 5 of 5 forums, set 'step' to 1 and 'limit' to 5. 

function submitSteps(step, limit) 
{ 
    if (step <= limit) 
    { 
    $.ajax({ 
     url: 'http://example.com', 
     data: 'postTo='+step, 
     beforeSend: function() 
     { 
      if ($('#notice p:last').html().indexOf('problem') > -1) 
      { 
        $('#notice p:last').remove(); 
      } 
      $('#notice').append('<p>Posting to forum '+step+'...</p>'); 
     }, 
     success: function() 
     { 
      $('#notice p:last').remove(); 
      $('#notice').append('<p>Post to forum '+step+' complete!</p>'); 
      window.setTimeout('submitSteps(step+1, limit)', 1000); 
     }, 
     error: function() 
     { 
      $('#notice p:last').remove(); 
      $('#notice').append('<p>There was a problem posting to forum '+step+'.</p>'); 
      window.setTimeout('submitSteps(step, limit)', 1000);  
     } 
    } 
} 
関連する問題