2012-02-19 14 views
0

私は長時間のajaxを知っていますが、jQueryショートカットを使用しようとしています。私は、インサートを処理するために「提出」ページを呼び出しています、私の「フォーム」ページで jQuery Ajax =成功戻るページ

  • submit.php
  • form.php二つの文書

    1. を持っています。私は現在、jquery ajaxを使用しています。

      <script type="text/javascript"> 
          jQuery('form').submit(function() { 
          string = jQuery("form").serializeArray(); 
          jQuery.ajax({ 
          type: "POST", 
          url: "submit.php", 
          data: string, 
          dataType: "json", 
          }) 
          return false; 
          }); 
          </script> 
      

      私はFirebugを見ると、Ajaxを処理しています。私は200を取得しており、ポストパラメータが設定されています。私がしようとしているのは、ajaxにsubmit.phpファイルを返させることです。私はそれが "成功"機能と関係があることを知っていますが、私はこれをどのように追加するのか分かりません。これらのどちらも働いている

      <script type="text/javascript"> 
          jQuery('form').submit(function() { 
          string = jQuery("form").serializeArray(); 
          jQuery.ajax({ 
          type: "POST", 
          url: "submit.php", 
          data: string, 
          dataType: "json", 
          success: function(html){ 
          alert(html); 
          } 
          }) 
          return false; 
          }); 
          </script> 
      

      <script type="text/javascript"> 
          jQuery('form').submit(function() { 
          string = jQuery("form").serializeArray(); 
          jQuery.ajax({ 
          type: "POST", 
          url: "submit.php", 
          data: string, 
          dataType: "json", 
          success: function(html){ 
          $('.result').html(data); 
          } 
          }) 
          return false; 
          }); 
          </script> 
      

      しかし:私のようないくつかのことを試してみました。再度、私は単にajaxリクエストを送信し、submit.phpページの内容を返そうとしています。 submit.phpページは、php/ajax挿入を処理するスクリプトを保持するだけでなく、「挿入が成功しました」などの成功宣言も表示するので、ページ内でスクリプトを実行するだけでなく、内容を返す必要がありますそのページの何か助けてくれてありがとう。

    +0

    コードのインデントを開始してください。 – ThiefMaster

    答えて

    2

    Chagne dataType:'json'

    success: function (data) { 
        $('.result').html(data); 
    } 
    

    また、お使いのサーバがJSONを返すされていない限り、あなたはおそらくdataTypeを変更したいです。

    +0

    この例では、私は上記の3つを持っています。ありがとう。 – user982853

    +0

    'submit.php'ページの内容を表示したいもの... – xandercoded

    +0

    これはうまくいきました!ありがとうございました。 – user982853

    1

    あなたは2度目の試行では近づいていましたが、あなたはタイプミスをしました。試してみてください:あなたはsubmit.phpの内容を表示したいcallbackためdataType:'html'

    dataType: "html" 
    
    +0

    'data'は関数としてのパラメータです。 'success:function(html){')を使用したため、 '$( '。result').html(data);'後で 'data'が存在しない場合、関数はエラー。 – mc10

    関連する問題