ajaxで連想配列の受信ができない

Question

現在、ajaxで連想配列のデータをPHPに送信し、PHPで受け取ったデータをDBに保存するシステムを構築しているのですが、どうも受け取ることができません。
javascript側が悪いのかPHP側が悪いのかが検討つきません。お気づきの方、解決方法ご存知の方、どうぞお力添えをよろしくお願いします。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

【javascript】

// 変数準備
var post_data = {};

// データ代入
post_data['key1'] = "value1";
post_data['key2'] = "value2";
post_data['key3'] = "value3";

// データ送信
$.ajax({
	url: 'func.php',
	type: 'POST',
	data: post_data,
	timeout: 5000,
	processData: false,
})
.done(function(data) {
	if(data == "OK") {
		alert("受信完了");
	} else {
		alert("受信失敗");
	}
})
.fail(function(xhr, status, error) {
	alert("送信に失敗");
});

【PHP】

if(!empty($_POST)) {
	echo "OK";
} else {
	echo "ERROR";
}

【結果】

data = ERROR
画面は「受信失敗」のアラート表示

試したこと

【1】配列だと受信可能でした。

var post_data = ["value1","value2","value3"];

【2】dataTypeつけるとfailでした。

dataType: "json" or dataType: "jsonp"

Comments

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

Answer 1

processData: falseを外してみては？
もしくはpost_dataをformdataにして処理するかでしょう

追記

念のためformdataのsample

$(function(){
  var post_data=new FormData();
  post_data.append("key1","value1");
  post_data.append("key2","value2");
  post_data.append("key3","value3");
  $.ajax({
  url: 'func.php',
  type: 'POST',
  data: post_data,
  contentType: false,
  processData: false,
  }).done(function(data) {
    if(data == "OK") {
      console.log("受信完了");
    } else {
      console.log("受信失敗");
    }
  }).fail(function(xhr, status, error) {
    console.log("送信に失敗");
  });
});

Comments

[joywont]

processData: falseを外して受信できました！ありがとうございます！

[yambejp]

processData: falseは外すだけなので、formdataのsampleも付けときました

[joywont]

参考になります、ありがとうございます！

Answer 2

下記のような形で渡してみては？

post_data = {key1:'value1',key2:'value2'};

---

すみません。私の方では「processData: false」を外して確認していました。
processDataはformDataを送る際のオプションなので通常の情報を送る際には利用できません。

Comments

[joywont]

結果は同じく受信失敗でした。ありがとうございます。

[m.ts10806]

私の方では送れています。
実際にどのように組まれたのでしょうか。
processDataは関係なさそうですよね。
console.log()でxhrとerrorを出力してみてください。

[joywont]

processData: falseを外して受信できました！ありがとうございました！

[m.ts10806]

回答に追記しました。processDataオプションのほうですね。
よく見たら最初に質問に提示されたコードでも送れていました。

[joywont]

processData:falseで連想配列の送信に何か不具合が生じるのですかね?

[m.ts10806]

型が違う　って言った方がいいかもしれません。

[think49]

型はdataTypeで指定出来るので、少し違うと思います。
直訳すれば「データを処理する」となりますが、抽象的なので分かりづらいかも(引数に与えられたデータに処理を行うかを示すフラグである事までは読み取れます)

とはいえ、リファレンスを読めば解決する問題です。
http://api.jquery.com/jquery.ajax/
joywontさん、まずは自分で調べてみましょう。
キーワードが得られたなら、検索して調べるのは難しくありません。

[m.ts10806]

補足ありがとうございます。

[joywont]

think49さん、1日かけて調べて理解しきれずでここを頼ったものですから。補足ありがとうございます。

Answer 3

参考になりますでしょうか：
ajaxでjsonデータを送るとき連想配列が送信できないケース！ - やったこと
連想配列のままだと送信できなかったから、
オブジェクト型にして送信した、っていう話みたいです。

その他参考サイト：
jQuery：Ajaxを使用してPOST送信でデータ取得 | raining
$.ajax でオブジェクトの配列を POST したい - Qiita

Comments

[joywont]

ここも参考にさせていただいたサイトですが、不具合が生じた原因はprocessDataによるものでした。ありがとうございます！