pdfbjj: 5月 2012

2012年5月29日火曜日

javascriptでJSONをPOSTしてみてPHPで受け取る。

前回のつづきで、javascriptでObjectを生成し、
それをJSON化し、それをPHPでPOSTで受け取るテストをしてみます。
テストとしては、どうやって文字列処理をすればいいのかってことですね。
また、javascriptからPOSTする方法も含めてテストしてみます。

ってことで、こんなコードでテスト

view plain print ?

<script type="text/javascript">
var s = "【\u0027】"; // '
s += "【\u0022】"; // "
s += "【\u005c】"; // \
s += "【\u002f】"; // /
s += "【\u000d】"; // 0d \r
s += "【\u000a】"; // 0a \n
s += "【\u0009】"; // tab
var OJ = function() {};
var o = new OJ();
o.dat1 = s;
var ss = JSON.stringify(o);
// alert(ss + " / " + ss.length);
jspost("01.php","param",ss);
</script>
php

php

view plain print ?

$a = Var_Dump::display($_POST,true);
echo $a;

$a = Var_Dump::display($_POST,true);
echo $a;

で、結果は、、

view plain print ?

------------------POST------------------
array(1) {
param => string(77) {\"dat1\":\"【\'】【\\\"】【\\\\】【/】【\\r】【\\n】【\\t】\"}
}
ってことは、、、
{"dat1":【'】【\"】【\\】【/】【\r】【\n】【\t】}
が
{\"dat1\":\"【\'】【\\\"】【\\\\】【/】【\\r】【\\n】【\\t】\"}
になってるってことです。

------------------POST------------------
array(1) {
  param => string(77) {\"dat1\":\"【\'】【\\\"】【\\\\】【/】【\\r】【\\n】【\\t】\"}
}

ってことは、、、
{"dat1":【'】【\"】【\\】【/】【\r】【\n】【\t】}
が
{\"dat1\":\"【\'】【\\\"】【\\\\】【/】【\\r】【\\n】【\\t】\"}
になってるってことです。

じゃぁこれをどうやって取り込むかってことですね。
まぁJSONできてるから、JSONをdecodeできる文字列に変更する必要があるわけです。
まず、これはPHPの設定になるわけですが、文字のエンコードを調べます。
echo mb_detect_encoding($param);
ってやってみると、、
UTF-8
となりました。これが「UTF-8以外でいいことなんて、とりあえず何もありませんから、PHPは全てUTF-8前提で考えます。
ってことで、var_dumpでこういう結果↓をえるためには、

view plain print ?

array(1) {
dat1 => string(52) ◆【'】【"】【\】【/】【
】【
】【】
}

array(1) {
  dat1 => string(52) ◆【'】【"】【\】【/】【
】【
                     】【 】
}

PHP側で、こういう↓文字列処理をすればいいことになります。

view plain print ?

$param = $_POST['param'];
$param = preg_replace("/\x5c\x5c\x22/", "\x22",$param); //【\"】を　【"】　にする
$param = preg_replace("/\x5c\x5c\x27/", "\x27",$param); //【\'】を　【'】　にする
$param = preg_replace("/\x5c\x5c\x5c\x5c/", "\x5c\x5c",$param); //【\\】を　【\】　にする

$param = $_POST['param'];
$param = preg_replace("/\x5c\x5c\x22/",  "\x22",$param);  //【\"】 を　【"】　にする
$param = preg_replace("/\x5c\x5c\x27/",  "\x27",$param);  //【\'】 を　【'】　にする
$param = preg_replace("/\x5c\x5c\x5c\x5c/", "\x5c\x5c",$param); //【\\】 を　【\】　にする

もちろん、preg_replaceなので配列にして渡してもいいんですが、、、
そうやったからって言って、速度が速くなるわけでもないので（実験しました）、見やすいように３行にしました。

関数としてはたいしたことない関数。

view plain print ?

function objectFromJsJson($v){
$vv = preg_replace("/\x5c\x5c\x22/", "\x22",$v); // 【\"】を　【"】　にする
$vv = preg_replace("/\x5c\x5c\x27/", "\x27",$vv); // 【\'】を　【'】　にする
$vv = preg_replace("/\x5c\x5c\x5c\x5c/", "\x5c\x5c",$vv); // 【\\】を　【\】　にする
$json = json_decode($vv,true);
return $json;
}

 function objectFromJsJson($v){
  $vv = preg_replace("/\x5c\x5c\x22/",  "\x22",$v);  // 【\"】 を　【"】　にする
  $vv = preg_replace("/\x5c\x5c\x27/",  "\x27",$vv);  // 【\'】 を　【'】　にする
  $vv = preg_replace("/\x5c\x5c\x5c\x5c/", "\x5c\x5c",$vv); // 【\\】 を　【\】　にする
  $json = json_decode($vv,true);
  return $json;
 }

しかしここで、PHPでencodeすると、こんな文字列になります。

view plain print ?

//【コード】
　$str = json_encode($json);
　echo $str;
//【結果】
{"dat1":"\u25c6\u3042\u3010'\u3011\u3010\"\u3011\u3010\\\u3011\u3010\/\u3011\u3010\r\u3011\u3010\n\u3011\u3010\t\u3011"}

//【コード】
　$str = json_encode($json);
　echo $str;
//【結果】
{"dat1":"\u25c6\u3042\u3010'\u3011\u3010\"\u3011\u3010\\\u3011\u3010\/\u3011\u3010\r\u3011\u3010\n\u3011\u3010\t\u3011"}

日本語が\u表記になります。まぁ、文字のエンコードの問題があるので、この方が扱いやすいといわれればその通りかもしれません。

2012年5月25日金曜日

JSONのencode/decodeの注意な件。

現在、JSONを、以下の４言語で使用中なのですが、
エンコード関係のまとめを一度しなきゃいけないと思ってたので、
ちょっとまとめます。
もちろん、ASとJSは、基本的にはECMAスクリプトですが、
使うライブラリの問題もしれないので、分けます。

（１）C++　→　自前処理
（２）php　→　json_decode/json_encode関数
（３）ActionScript　→　com.adobe.serialization.json.JSONにおける、encode,decode
（４）javascript　→　JSON.stringify/JSON.parse関数（evalは使わない）

ということで、C++の場合は、自分でやってるので、特に言及しません。

問題になりそうなのは、主に、記号類。
その中でも、
【/】【\】【'】【"】【改行】
が重要だと思うので、これらをそれぞれで入力したとき、JSONに変換したとき、POSTで受け取るときなどをまとめてみます。

●テスト１
javascriptでオブジェクトを生成して、それをJSON文字列化。

view plain print ?

<h1>01.html</h1>
<script type="text/java script">
var s = "【\u0027】"; // '
s += "【\u0022】"; // "
s += "【\u005c】"; // \
s += "【\u002f】"; // /
s += "【\u000d】"; // 0d \r
s += "【\u000a】"; // 0a \n
s += "【\u0009】"; // tab
alert(s);
var OJ = function() {};
var o = new OJ();
o.dat1 = s;
var ss = JSON.stringify(o);
alert(ss);
var sss = "";
for(var w=0;w<ss.length;w++){
var v = ss.charCodeAt(w);
if(v != 12304 && v != 12305) sss += "-" + v.toString(16);
}
alert(sss);
</script>

01.html

結果

で、最後の16進コードをもとに見てみると、
【’】【￥”】【￥￥】【／】【￥ｒ】【￥ｎ】【￥t】
である。（全角表示）
ようするに、【’】と【／】は、escapeされない。まぁそういぅ仕様だわね。。
まぁ、あたりまえの事を、一応やってみて確認することが重要なのです。
なんで、16進コードなんかで見るかっていうと、
こんな簡単なコードでも、ブラウザによってalertの表示が違うんですよね。TABとか￥ｒとかね。こんな簡単な例だと間違えないけど、javascriptを動的に文字列で作り出したりしてるときに気を抜いていると、思わぬことになるのです。