AjaxでJSONデータの日本語(SJIS)が文字化けする場合の原因と対応方法

結論から先に書きますが、Ajax通信で日本語（SJIS)が文字化けする場合は、MimeTypeを上書きすれば文字化けしません！！

現在のプロジェクトがStruts2使っていて、DBのデータを表示してます。

最近では珍しく、文字コードがSJISでなければいけなくてJSP、DBの文字コードもSJISに統一してます。

開発は順調に進んでたんだけど、１つだけ問題が・・・

画面であるアクションを起こした時に非同期でAjax通信してメッセージを画面に表示するんだけど、文字化けしている？！

Firefoxは大丈夫だけど、IEがダメみたい。

jQueryのAjax通信はデフォルト文字コードがUTF-8です。

そこにShift-JISの文字コードを渡したり、読み込ませたりするため文字化けします。

Ajax通信の文字コードをShift-JISに変更します。

やり方は”beforeSend“でMimeTypeにShift-JISを指定する！！

“text/html”の部分はそれぞれ自分が使うものに変えてください。

JSONでデータやりとりしてる場合、先ほどの”text/html”部分を”application/json”に変えました。

こんな感じ

⬇️⬇️⬇️

文字化けは、今回のように扱ってる文字コードがそれぞれ異なるのが原因です。

なので、DB、サーバーサイド、フロントサイド、通信それぞれの文字コードをしっかり確認することができれば文字化けを防ぐことができます！！

Ajax通信は”beforeSend”で始まる3行追加するだけなのでとりあえず手軽に試せますね。

これでも解消しない場合は、DB、サーバーサイドの文字コードを疑ってください。