2016-10-04 50 views
1

私は、phpフォームから別のphpファイル(submitForm.php)にデータを送信するJQuery関数を持っています。提出は正常に動作し、問題は全くありません、以下のハンドラです:JQueryを使用して別のPHPファイルからデータを取得

submitHandler : function(){      
     $.ajax({ 
      type: "POST", 
      cache:false, 
      url: "submitForm.php", 
      data: $('#form').serialize(), 
      success: function(data) {      

      } 
     }); 
    } 

は今、私が提出フォーム(submitForm.php)からできGETデータであり、別のページにそれをロードします。

これは私のsubmitForm.php

<?php 
     $name="Amanda"; 
     $age="23"; 

     $data = array("name"=>"$name","age"=>"$age"); 
     header("Content-Type: application/json"); 
     echo json_encode($data); 
    ?> 

これはどのように私の新しい、私はそれが間違ってやっていると思います

 submitHandler : function(){      
    $.ajax({ 
     type: "POST", 
     cache:false, 
     url: "submitForm.php", 
     data: $('#form').serialize(), 
     success: function(data) {      
       var name= html(name); 
       var age=html(age); 

     $("#message").load("newpage.php",{name:name,age:age}); 

     } 
    }); 
} 

よう submitHandlerは、誰かが私を修正したり、与えることができれば、私は感謝される、見えますどのようにこれを行うにはアイデア。ありがとう

+0

この「新しいページ」は新しいウィンドウまたはタブですか?あるいは 'submitForm.php'から返されたデータを' $( "message") '要素に表示することを意味していますか? –

+0

@DIEGOCARRASCAL返されたデータを別のsqlクエリに使用しています。これは要素 '$(" message#) ' – George

+0

に表示されます。次に表示するだけで何の問題もないはずです。コード。 –

答えて

3

これはこのようにする必要があります。あなたのリターンデータを取得する場合は、成功関数の仮パラメータを使用する必要があります。

submitHandler : function(){      
    $.ajax({ 
     type: "POST", 
     cache:false, 
     url: "submitForm.php", 
     data: $('#form').serialize(), 
     dataType : 'json', 
     success: function(data) {      
       var name= data.name; 
       var age=data.age; 

     $("#message").load("newpage.php",{name:name,age:age}); 

     } 
    }); 
} 

編集:また、dataType: 'json'行が必要です。

+0

ありがとう@ハカンSONMEZ、私は感謝しています – George

関連する問題