Javascript で JSON を送信（Ajax)とPHPサーバの受信のエンコード順番
Javascript 側
1. 特殊文字をエンコード
["] >>%22 , [&] >> %26にエンコード
2. encodeURIComponent で 1をエンコードする。
["] >> %2522 , [&] >> %2526
3. JSON.stringifyで送信
PHP サーバ側
1. json_decode
2. urldecode
確認するためのJavascript
<script type="text/javascript">
function x(x){
var e={};
//データそのまま
//NG PHP サーバー側 $_REQUEST データの所得失敗、＆リンクが切れます。
//console.info('データそのまま');
//e.input1 = document.getElementById('input1').value;
//e.input2 = document.getElementById('input2').value;
//データをURLエンコード
//NG PHP サーバー側 json_decode 失敗, " の原因でした。
//console.info('データをencodeURIComponent');
//e.input1 = encodeURIComponent(document.getElementById('input1').value);
//e.input2 = encodeURIComponent(document.getElementById('input2').value);
//データの特殊文字を%22％26にエンコード
//NG PHP サーバー側 json_decode 失敗, " の原因でした。
//console.info('データの特殊文字を%22％26にエンコード');
//e.input1 = fn_replace(document.getElementById('input1').value);
//e.input2 = fn_replace(document.getElementById('input2').value);
//データをURLエンコード、特殊文字を%22％26にエンコード
console.info('データをURLエンコード、特殊文字を%22%26にエンコード');
e.input1 = encodeURIComponent(fn_replace(document.getElementById('input1').value));
e.input2 = encodeURIComponent(fn_replace(document.getElementById('input2').value));
console.info('#111 origi',e);
var j = new XMLHttpRequest();
var url ='/youtube_db/test3.php?';
j.onreadystatechange = function(){
if(j.readyState == 4 && j.status == 200){
console.info('#222 response', j.responseText);
}
}
j.open('POST',url,true);
j.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//データをJSON.stringifyで送信
console.info('データをJSON.stringifyで送信');
console.info('#123 JSON.stringify',JSON.stringify(e));
j.send('p=' + JSON.stringify(e));
//データをそのままで送信
//console.info('データをそのままで送信');
//console.log('#123 json en',JSON.stringify(e))
//j.send('p=' + e);
function fn_replace(q){
var x = {'&':'%26', '"':'%22'};
for(var i in x){
q= q.replace(RegExp(i,'g'),x[i]);
}
return q;
}
}
//データそのまま
//NG PHP サーバー側 $_REQUEST データの所得失敗、＆リンクが切れます。
//データをURLエンコード
//NG PHP サーバー側 json_decode 失敗, " の原因でした。
//データの特殊文字を%22％26にエンコード
//NG PHP サーバー側 json_decode 失敗, " の原因でした。
//データをURLエンコード、特殊文字を%22％26にエンコード
Javascript
PHP Server
<?php
//
$x = $_REQUEST;
echo "php server\n";
echo "var_dump()\n";
var_dump($x['p']);
echo "\n";
echo "var_dump(json_decode)\n";
var_dump(json_decode($x['p']));
$temp = json_decode($x['p']);
echo "\n";
echo 'urldecode($temp->input1)'.urldecode($temp->input1);
echo "\n";
echo 'urldecode($temp->input2)'.urldecode($temp->input2);
echo "\n";
echo "\n";
echo "次は\n";
echo "URLencodeしてからjson_decode.";
echo "「\"」先にデコードされる、するとjson_decodeは NULL になります。";
echo "\n";
$y = $_REQUEST;
echo "php server\n";
echo "urldecode\n";
$temp = urldecode($y['p']);
var_dump($temp);
var_dump(json_decode($temp));
?>
'\n' >> '%0d%0a'
function fn_replace(q){
var x = {'&':'%26',
'"':'%22',
'\n':'%0d%0a'
};
for(var i in x){
q= q.replace(RegExp(i,'g'),x[i]);
}
return q;
}
