ajaxで値をPOSTし、PHPで受け取るには？

Question

#実現したいこと
ajaxで、formの値をPHPにPOSTする。
その後、処理をするPHP側で、その値を参照したい。

疑問点
１）ajaxでPOSTするときに、どうやって渡したらよいか？
２）PHPで受け取り、その値を参照するにはどうしたらよいか？

$('#submit').on('click',function(){
  var fd= new FormData();
  for(var i=0;i<waitList.length;i++) {
    $("[id^='HiddenFile']").each(function(){
      if($(this).val()==waitList[i].name){
	overwriteFiles.push($(this).val());
	return false;
     }
});
fd.append('file['+i+']', waitList[i]);
}
var vals = createValue();
$("#param").val(vals);
// この処理が正解かどうか疑問
fd.append('param',vals);
　　$.ajax({
　　　　url: "proc.php",
       type: "POST",
       contentType: false,
       processData: false,
       cache: false,
       data: fd,
success: function(data) {
       console.table(fd);
       $('.waitFileList').remove();
       waitList=[];
},
error: function(data) {
   alert(false + '****');
}
});

// proc.php
// $_POSTで参照できるか？

Answer 1

FormDataを使用する場合は、すでにあるformならそのまま指定することもできますし
FormDataにappendしていくことも可能です。

proc.phpではpostで受け取る前提であれば所定の$_POSTデータを参照して
適当な出力をしてやればもとのhtml側でも結果を参照できます

$.ajaxについてはいまはsuccess,errorはあまり推奨されていません
done、failで処理するようにしましょう

またdoneのコールバックはデータを第一引数で参照できますが
failは第一引数はXHRのデータなので簡単にエラーを拾いたいなら
第二引数まで指定してやるほうがいいでしょう

$.ajax({
  ・・・
}).done(function(data){
  console.log(data);
}).fail(function(xhr,err){
  console.log(err);
});

Answer 2

ajax送信でtypeがPOSTであればPHP側で$_POSTで受け取れます。
※key-value形式の配列で渡すこと
ただし「非同期通信」という特性故に、送った情報を確認するには例えばテキストファイル（またはログファイル）に出力して確認することになります。
「参照」とはいっても色々な意味に捉えられるので、具体的な用途を記載された方がいいかもしれません。
きちんとkey-value配列で渡せれば通常のformでPOST送信したときと同じように扱えるので、その部分が理解できていれば問題ないかとは思いますが。

あとは実際やってみれば良いです。
参考にできる記事もそのコードも少し探せばたくさん出てくるのでここではコードを割愛します。
いずれにしてもコードは提示できても動かして見せることは回答ではできませんので。