[Ajax]サーバー側でPOST通信の受信が反応しない

Question

#今回やりたい事
フロントサイド(jquery)からバックエンド(Node.js)にajaxで通信をしたいです．
#環境
heroku
jquery
node.js(expressは使っておりません)urlモジュールとhttpsモジュールを使っています

#現状
jquery ajaxでpost通信を行おうとしますが，
どうもreq.on("data")が着火しません．
偶に，コンソールを見ると上手くpost受信ができるという
謎な現象に陥ってしまいました...
参考にしたサイト node.jsのpost通信
ajax 2018

サーバーサイドは

if(req.method == "POST"){
    console.log("post") ;
    req.on('data', function(chunk) {
      let data = "" ;
      data += chunk ;
      console.log("post受信")
    });
    res.end() ;

  }

フロントサイドは

$(`form[name="fff"]`).submit(function(e){
  // var button = $(this);
  // button.attr("disabled", true);
  e.preventDefault() ;

  let sei = $("#sei").val() ;
  let mei = $("#mei").val() ;
  let ksei = $("#k-sei").val() ;
  let kmei = $("#k-mei").val() ;
  let university = $(`select[id="university"] option:selected`).text() ;
  let nyusya = $(`select[id="nyusya"] option:selected`).text() ;
  let user = $(`input[id="user"]`).val() ;

  let sex ;
  if($(`input[id="man"]`).prop(`checked`)){
    sex="m"
  }else{
    sex="f"
  } ;
  let gakubukeitou = $(`select[id="gakubukeitou"] option:selected`).text() ;
  let gakubu = $("#gakubu").val() ;
  let gakka = $("#gakka").val() ;
  let katei ;
  if($(`input[id="gakubusei"]`).prop(`checked`)){
    katei = "学部生"
  }else{
    katei = "院生"
  } ;
  let mailaddress =$(`#mail`).val() ;
  let graduate = $(`select[id="graduate"] option:selected`).text() ;
  let graduatemonth = $(`select[id="graduatemonth"] option:selected`).text() ;
  let genre = $(`select[id="genre"] option:selected`).text() ;
  let target = $(`select[id="target"] option:selected`).text() ;
  let tel = $("#tel-num").val() ;
  let lineID = $("#lineID").val() ;
  let password = $(`input[id="inputPassword5"]`).val() ;
  let date_detail  = dateToFormatString(new Date(), '%YYYY%年%MM%月%DD%日 (%w%) %HH%時%mm%分');
  let deiba=$("#deiba").prop(`checked`) ;
  let deiba_TF ="T" ;

  if(deiba){
    deiba_TF = "T" ;
  }else{
    deiba_TF = "F" ;
  }

  let notification =　$("#notification").prop(`checked`) ;
  let notification_TF ="T" ;

  if(notification){
    notification_TF = "T" ;
  }else{
    notification_TF = "F" ;
  }

let regbox={
  user : user ,
  mail_address : mailaddress ,
  password : password ,
  last_name : sei ,
  first_name:mei ,
  last_name_kana  : ksei ,
  first_name_kana  : kmei ,
  sex : sex ,
  phone_no : tel ,
  university_id : university ,
  course_type : katei ,
  faculty_name : gakubu ,
  faculty_keito : gakubukeitou ,
  department_name : gakka ,
  entering_year : nyusya ,
  genre : genre ,
  target : target　,
  lineID : lineID ,
  created :date_detail ,
  file : "",
  graduate : graduate ,
  graduatemonth : graduatemonth ,
  deiba_TF : deiba_TF,
  notification_TF : notification_TF
}

$.ajax({
  type: 'POST',
  url : '/restreg',
  data:JSON.stringify(regbox) ,
}).done(function() {
    alert("成功")
    // location.href = '/login';
  }).fail(function() {
    alert('error');
  })
})

です．
おねがいします

#追記
jqueryの送信は毎回成功しています
毎回失敗するわけではないのですがなぜでしょうか？
ログを載せておきます

Answer 1

どうやらクロスドメインでひっかかっていました．
expressの記法しか書いてなかったので，
httpに対応させた方法を載せておきます．

    res.setHeader('Access-Control-Allow-Origin', '*')
    res.setHeader('Access-Control-Request-Method', '*')
    res.setHeader('Access-Control-Allow-Methods', 'OPTIONS, GET')
    res.setHeader('Access-Control-Allow-Headers', '*')

Answer 2

NodeJS側の変数宣言 let data = "" のスコープを確認してください。

チャンクを蓄積するには、req.on('data', func) の外で初期化する必要があります。

// NodeJS

let data = "";
req.on('data', function(chunk) {
  //let data = "" ;
  data += chunk ;
  console.log("post受信")
});
// 追記部分
req.on('end',function(){
  console.log("受信完了"); // data を処理して res の処理を書く
});

req は http.IncomingMessage < ReadableStream のような実装のはずですので、イベントなどをご確認ください。

また、npm formidable のような、受信データを処理するモジュールもあります（express.bodyParserなどで利用されているモジュール）。

Comments

[mote]

ご回答ありがとうございます．
ご指摘通りに直してみましたが，
しかしやはり改善には至りませんでした...

[AkitoshiManabe]

express などのフレームワークを使わない場合は、コールバック地獄で記述することになると思いますのでオブジェクトのイベントを把握する必要があります。 req.on("end") など、必要と思われるイベントを処理していないなど、公式ドキュメントの確認不足ではないでしょうか。

[mote]

ご回答ありがとうございました．
req.on("end")はこちらに記述をするのを忘れていました.

今回はCORSで引っかかっていました．headに設定することによって解決致しました．
formidableは使ったことがあるのですが，ファイルアップ用の大きな容量を通信する為のモジュールみたいですので，今回はJSONの送信の為，必要無かったです．