2017-01-26 26 views
0

この配列をjavascriptからPHPに送信しようとしていますが、未定義のインデックスを取得し続けています:3行目のリスト。このエラーはPHPファイルから発生しています。Ajaxを使用してJavascriptからPHPに配列を送信

私は、html、javascript、phpなどのコード全体を提供します。

ここにHTMLコードがあります。ここで

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <title></title> 
    <script type= "text/javascript" src = "js.js"></script> 
</head> 
<body> 
    <form class = "wall" action="phpf.php" method="post"> 
     <label>What is your name</label> 
     <input type="text" name ="name" /> 

     <input type = "submit" value = "Submit Order" /> 
    </form> 
</body> 

私はPHP

<?php 

$list = json_decode($_POST['list']); 

echo "This is the new list".$list; 
?> 

でそれを受け付けておりますところJavascriptコード

$(document).ready(function() { 

var list = [34, 56, 23, 90, 43, 58]; 
$.ajax({ 
    type: "POST", 
    url: "phpf.php", 
    data: {'list': JSON.stringify(list)}, 
    cache: false, 
    success: function (response) { 
     console.log("This is the list", list); 
    } 

}); 
}) 

は、ここで私は、誰かが私にしてくださいできるとフーピングたです。あなたは、エコー、あなたのPHPファイルに印刷またはのvar_dumpを使用する必要があります使用してアレイを印刷することはできません

+0

'json_decode()'は、エコーしようとすると、通常はエラーを投げるオブジェクトを作成します。ブラウザのデベロッパーツールでAJAXリクエスト/レスポンスを見たことがありますか?エラーが報告されていますか?あなたはこれをWebサーバー上で実行していますか? –

+0

$リストをエコーすると、配列のインデックスではなく変数名が与えられます。$ list [0]以上のものを試してみてください。単にprint_r($ list)を実行してください。 –

+0

私はおそらくあなたを助けることができるこの答えを見つけました。 http://stackoverflow.com/questions/5004233/jquery-ajax-post-example-with-php –

答えて

0

<?php 

$list = json_decode($_POST['list']); 

echo "This is the new list"; 
print_r($list); 

私が確認したし、それが働いて、私はちょうどjqueryのを追加し、私はあなたがロードしていると仮定js.jsのファイルしかし、ここに私のコードを入れます:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title></title> 

<script type= "text/javascript" src = "https://code.jquery.com/jquery-2.2.4.js"></script> 

</head> 
<body> 
<form class = "wall" action="phpf.php" method="post"> 
    <label>What is your name</label> 
    <input type="text" name ="name" /> 

    <input type = "submit" value = "Submit Order" /> 
</form> 
</body> 

<script> 
$(document).ready(function() { 
    var list = [34, 56, 23, 90, 43, 58]; 
    $.ajax({ 
    type: "POST", 
    url: "phpf.php", 
    data: {'list': JSON.stringify(list)}, 
    cache: false, 
    success: function (response) { 
     console.log("This is the list", list); 
    } 

    }); 
}); 
</script> 
</html> 
関連する問題