jsにてJSONデータを取得後の取り扱い方

Question

前提・実現したいこと

node.js(サーバーサイド)からjs(フロントサイド)へJSONデータを送ったのち、JSONデータのvalueを取り出したいです。

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

ajaxのデータのdataに+を使って作成した{"karui":"01"}と+を使わず、そのまま{"karui":"01"}をセットした場合で
node.jsから受け取る値が異なります。01は変数にしたいため、+を使いたいです。
+を使う場合、node.jsから受け取る値{{"karui":"01"}: ""}
+を使わない場合、node.jsから受け取る値{"karui":"01"}

型などが変わって受け取る値がことなるのでしょうか。

下記のコードは変数をセットした際のコードです。

$(function(){
     $("#searchBtn").click(function(){
       var first = true;
       var per_page = 5;
       var page_no = 1;
       var page_range = 5;
       var ajax_data;
       ajax_data = '{'+'"karui":'+"01"+'}';//ここに{"karui":"01"}を記載するとnode.jsから受け取る値がことなります。
       $.ajax({
                 async: false,
                url: 'http://localhost:8000/tutor-search-server.js',
                 type: 'POST',
                 data: ajax_data,
                  dataType: 'json'
                       }).done(function(res){
                        console.log(res);
                        console.log(res['karui']);
                       }).fail(function(xhr, status, error){
                          alert(status);
                          console.log("XMLHttpRequest : " + xhr.status);
                          console.log("textStatus     : " + status);
                          console.log("errorThrown    : " + error);

                       });

     });

 });

Comments

[azuapricot]

'{'+'"karui":'+"01"+'}'

このダブルクォーテーション判定されてるのか気になるのですが、
エスケープ処理とかしてみました？

[papinianus]

クライアントからサーバにpostして、それをそのまま受け取っているということでしょうか？

[ShoSakata]

>azuapricotさん
ご質問ありがとうございます。以下のようにescape文字を打ったところ、「{{¥"karui¥":¥"01¥"}: ""}」の値となり、{'"karui":"01"'}となりませんでした。
「ajax_data = '{'+'¥"karui¥":'+'¥"01¥"'+'}';」

>papinianusさん
ご質問ありがとうございます。
はい、そのまま受け取るように書いています。

Answer 1

JSON.stringify()を使ってみてはどうでしょうか。

送信側でJSON.stringify()、受信側でJSON.parse()します。

var ajax_data = JSON.stringify({"karui":"01"});

Comments

[shozi3]

あ、解決済でしたか。
失礼しました。

Answer 2

文字列からJSONに変換することで、'{'+'"karui":'+'"01"'+'}'も{"karui":"01"}で受け取ることができました。具体的には下記の①を②に変えています。
①:ajax_data = '{'+'"karui":'+'"01"'+'}';
②:ajax_data = JSON.parse('{'+'"karui":'+'"01"'+'}');

Answer 3

+でつなげた記法とそうでない時ではajax_dataに格納される値が異なるからではないでしょうか。

+あり

var ajax_data = '{'+'"karui":'+"01"+'}';
console.log(ajax_data);
//=>{"karui":01}

+なし

var ajax_data = '{"karui":"01"}';
console.log(ajax_data);
//=>{"karui":"01"}

+でつなげる記法の+"01"+の部分を+'"01"'+に変更すると、
(格納される値が同じものになるので)同じ結果になるのではないかと。

追記
ちなみにですが、01にあたる部分を変数にしてかつ、
+でつなげない時のような結果を得たいのであれば、以下のような感じになるかと。

var hoge = "01";
var ajax_data = '{"karui":"'+hoge+'"}';
console.log(ajax_data);
//=>{"karui":"01"}

Comments

[ShoSakata]

ご回答ありがとうございます。+'"01"'+を試したところ、受け取った値が{"karui":"01"}: ""}となり、同一結果になりませんでした。

[madoka9393]

お役に立てず申し訳ないです…。
元のデータ(シングルクォートが付いていないもの)でJSON.parseした際にどういう挙動になるのか気になりますね。