Ajax-PHPでPostでうまくいかない

Question

前提・実現したいこと

AJAXでログイン画面を作っています。サーバ側はPHPです。
データのPOSTがうまくいかず、はまっています
うまくデータが送れていないのか、データを受け取れていないのか
両方なのか切り分けができずにいます

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

syntax error near unexpected token N in JSON at position

※Nはサーバ側で$_POSTをvar_dumpで出力したところで落ちているからだと思います。

エラーメッセージ

syntax error near unexpected token N in JASON at position

該当のソースコード

JQuery

var param = {
    "userId": "" + $("#userId").val(),
    "password":"" + $("#password").val()
};

$.ajax({
   type: "POST",
   url: "./php/ctrl/loginCheck.php",
   async: false,
   dataType: "JSON",
   contentType: "application/json",
   data: {LOGIN_DATA: param}
})
.done(function(callbackValue, dataType){	
　console.log( callbackValue.status + ', ' + callbackValue.reason );
　console.log(callbackValue);
　if( callbackValue.status != "success" ) {
　　$("#error").html("ユーザID、またはパスワードが違います。");
　　return;
　}
window.location = "./?opt=<?php echo $opt ?>";
})
.fail(function(XMLHttpRequest, textStatus, errorThrown){
// デバッグ用
    console.log("ajax通信に失敗しました");
    console.log("XMLHttpRequest.status : " + XMLHttpRequest.status);
    console.log("textStatus     : " + textStatus);
    console.log("errorThrown    : " + errorThrown.message);						 
})//Ajax通信Error処理

PHP

<?php
session_start();
$ret = array();
if (isset($_POST["LOGIN_DATA"])) {
    $d   = $_POST["LOGIN_DATA"];
    } else {　
    var_dump($_POST["LOGIN_DATA"]);
    die("値が入力されていません");
    exit;
}
//↑ここでdieを通ります

試したこと

ContentTypeを足さないと別のErrorが発生します。
Internal Server Error 500
syntax error : unexpected end of JSON input

ここに問題に対して試したことを記載してください。
似たような問題が多数ありますが検索しきれませんでした

補足情報（FW/ツールのバージョンなど）

Jquery 1.12.4
PHP 7.1
Server Lolipop

Comments

[m.ts10806]

コードのインデントと改行をもう少しきちんとそろえてもらえますか？読みにくいコードはバグの元となります。あと「補足情報」のところが「HP」となっていますので「PHP」と正しく表記しておいてください。

[m.ts10806]

エラーは自分で打つのではなくコピペしてください。　「JASON 」ではなく「JSON」です。

[YasuoHayami]

失礼いたしました。誤字等修正いたしました

[m.ts10806]

本当に"JASON"とエラーが出ているのですか？　＜ syntax error near unexpected token N in JASON at position

Answer 1

$.ajax({
　type: "POST"
　, url: "./php/ctrl/loginCheck.php"
　, async: false
　, data: {"LOGIN_DATA": param}
})

一旦このようにして、
受信側では$_POST['LOGIN_DATA']の有無で判定できるでしょう。

そいつをjson_decode()すれば元のデータが抽出できるでしょう。

参考urlなど。
Ajaxでpost送信 - Qiita
jQueryでAjaxを使ってPost送信をする方法：$.post() | UX MILK

回答に頂いたコメントを見るとwebサーバーがデバッグ用になっていないようなので、
下記のドキュメントを参考に設定変更を加えると良いと思います。
【PHP入門】エラー制御とエラーログ出力をマスターしよう！ | 侍エンジニア塾ブログ | プログラミング入門者向け学習情報サイト

Comments

[YasuoHayami]

早々のご回答ありがとうございます。
最初、数回はPHP側でデータの受け取りができていることを確認しました。
$inputData =json_decode($_POST['LOGIN_DATA'])
とするとNULLがかえってきましたが、
var_dump($_POST['LOGIN_DATA']);
PHP側でデータが受け取れているのを確認しました。
ですが、数回ためしていると、Ajaxでコールバック関数を呼ぶ際に
Internal Server Error　500が発生してしまいました。
Ajax側は最初触った以外コードを変えてないので謎です...

[退会済みユーザー]

webサーバーでのerror_logを必ず点検してください。

Answer 2

//	session_start();

何かがタイマーが張っていて挙動が変わると思い、session_start()をコメントアウトしたら挙動が安定しました。

$.ajax({
  type: "POST",
  url: "./php/ctrl/loginCheck.php",
  async: false,
  dataType: "JSON",
  data: {LOGIN_DATA: param}
})

Server側でErrorは発生していなかったので、Warningを取り、上記のように修正したら正常動作することを確認しました