2016-09-04 6 views
-2

*完全なコード例でコメントを読んだ後に更新しました。私はまだ苦労しているサンプルコードを投稿したいと考えていました。基本的には、htmlのリンクをクリックしてcalled.phpにフォームを送信し、htmlページのdivに値を返すことを望んでいます。AJAX経由で呼び出された後にPHP変数をJSに送り返す

<!DOCTYPE html> 
<head> 

     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <script> 

     function dSubmit(){ 

      $.ajax({ 
       type: "POST", 
       url: "called.php", 
       data: $("#projectAddition").serialize(),  

       success: function(data) { 
        //here id where you want display 
        $('#id1').val(data.var1); //here is value1 
       } 
      } 

} 

     </script> 

</head> 

<body> 

    <form id="projectAddition" action="#" method="POST"> 
    <input type="text" name="projectName"> 
    </form> 
    <a href="#" onclick="dSubmit()">Submit Form</a> 
    <br>Output<br> 
    <div id="id1"></div> 

</body> 

PHP:

$name = $_POST['projectName']; 
// Do something with variable 

$array = array(
    'var1'=> $name, 
    'var2'=>'value2' 
); 
echo json_encode($array); 
+0

返されたデータにアクセスするためにデータオブジェクトを使用し、quickprojectadd.phpファイルでデータが返されることを確認してください –

+0

助けてくれてありがとう、私は理論を認識しています。 。すべてのサンプルコードは、私が試したことのすべてがアンダーライン化されているように思われるので、非常に役に立ちます。 – pbytes

+2

同様の回答がここにありますhttp://stackoverflow.com/questions/2410773/how-to-return-data-from-php-to-a-jquery-ajax-call –

答えて

0

が最初にあなたがこの方法で

$.ajax({ 
    type: "POST", 
    url: "url", 
    data: $("#projectAddition").serialize(),  
    success: function(data) { 
     //here id where you want display 
     $('#id1').val(data.var1); //here is value1 
     $('#id2').val(data.var2); //here is value2 
    } 
} 
を取得AJAXでその

$array = array(
    'var1'=>'value1', 
    'var2'=>'value2' 
); 
echo json_encode($array); 

、その後

のような配列にあなたの変数を置きます

// url, formName passed in through function 

$.ajax({ 
     type: "POST", 
     url: url, 
     data: $("#" + formName).serialize(), // serializes the form's elements. 
     success: function(data) 
     { 
       $("#AtoZ").append('<div id="success">' + data + '</div>');} 

PHPサイド:JSONを使用していないことは問題である場合

echo $return="Project Added, Reference: $id"; 

ちょうど不思議を、次のように作業HTMLが表示され、より工夫とまあ

+0

助けていただきありがとうございます。元の質問を更新して、完全なコードがまだ正しく機能していない場合に備えています。あなたが私をさらに助けることができれば、それは素晴らしいことでしょう! – pbytes

0

?私が通っている唯一のものは文字列です。 'failed'

関連する問題