「プログラミング」カテゴリーアーカイブ

PHP

[PHP] $.ajaxで送信したデータのjson_encodeに失敗する

このエントリーをはてなブックマークに追加

原因：エスケープされていなかったから

『"(ダブルコーテーション)』
『\(バックスラッシュ)』
『/(スラッシュ)』
『\b(バックスペース)』
『\f(改ページ)』
『\n(改行)』
『\r(キャリッジリターン)』
『\t(バックスペース)』

JSONでは上記の文字を含めるときにエスケープしなければいけません。プログラムのソースコードとかを記事に書くと""や/などはよく使うので引っかかり安いです。

そこまではまあ当たり前なのですが、今回引っかかったのはUrlエンコードとの兼ね合いでした。

"あ"

という文字列を$.ajaxで送信する時に、先にencodeURIComponent()でUrlエンコードし、その後JSON.stringify()でStringにしたものをPHP側に渡し、urldecode()しjson_decode()すると失敗します。

これはurldecodeした時のJSONが{"data":""あ""}みたいになってしまうからです。

$.serialiseでフォームのデータを取得し、それを加工したものをJSON.stringify()して送信したらこうなりました。

通常はJSON.stringify()がエスケープ文字を追加してくれますが、Urlエンコードされた文字は%22みたいになっておりエスケープ文字ではないのでエスケープされずにPHP側に渡ってしまうわけです。

なので私は$.serialise（$.serializeArray）で取得したデータをdecodeURIComponent()してからJSON.stringify()でエスケープ＆JSON化してencodeURIComponent()でUrlエンコードし直してPHPに渡しました。

そこでふと疑問に思ったのはajax通信でもUrlエンコードって必要なのだろうか？ってことですが、やっておいて損はなさそうなのでやっておきました。

 

JavaScript

$.ajaxでオブジェクトを送信した時のエラー

このエントリーをはてなブックマークに追加

$.ajax()でJavaScriptのオブジェクトをPHP側に渡そうとしたら以下のエラーが発生しました。

too much recursion

オブジェクト型ではなくstring型ならいけるかと思いJSON.stringify()して送信してみましたが今度は

TypeError: cyclic object value

というエラーが発生。

エラーについて調べて見たところ、無限ループしてしまっていたようです。

その原因は循環オブジェクト参照構造体をそのまま処理していたからでした。

参考リンク

JSON.stringify()の第2引数には関数または配列を渡すことができ、これにより挙動をコントロールできるので変換するといいようです。

■関数を渡す

const obj = { id: 1, name: "js-primer", bio: null };
const replacer = (key, value) => {
    if (value === null) {
        return undefined;
    }
    return value;
};
console.log(JSON.stringify(obj, replacer)); // => '{"id":1,"name":"js-primer"}'

■配列を渡す

const obj = { id: 1, name: "js-primer", bio: null };
const replacer = ["id", "name"];
console.log(JSON.stringify(obj, replacer)); // => '{"id":1,"name":"js-primer"}'

id,nameプロパティだけがホワイトリストとして使われ、 その配列に含まれる名前のプロパティだけが変換されます。

参考リンク

新しくオブジェクトを作って元のオブジェクトをループで回してコピーし直してもいけるかもしれません。また参照構造体にならないように一旦配列とかにデータを入れ直して。試してないのでわかりませんが。

 

 

PHP

[PHP] HTTP ERROR 500

このエントリーをはてなブックマークに追加

新サイトを作ってアップロードしたらHTTP ERROR 500が発生してしまいました。

原因は単なるDB接続用の設定ミス。

よくあるいつものミスです。

2019-05-22

またまたこのエラーが発生しました。php5.6 → php7に変えたら「Error establishing a database connection」と出て接続できなくなりました。

レンタルサーバー（ロリポップ）の説明によるとphp7のセキュリティ強化でold_password形式をnative_password形式に変更する必要があるとのことでパスワードを再設定しました。

wp-config.phpを書き換えてアップロードすればOK。

なお、php.iniのdisplay_errorsをonにしてみたらエラーが出るわ出るわ。バグつぶしを1つ1つ丁寧にやっておきました。

参考リンク

2019-05-23

別のサイトでまたHTTP ERROR 500が発生。こちらは存在しないクラスでnewしてただけでした。そこをコメントアウトしただけで直りました。