はっしー回答ポイントなし

jQuery.ajax()で日本語が文字化けします。

以下のようなコードでajax通信を行うと、title, articleに日本語がセットされた際文字化けします。送信元のhtmlがShift_JISで書かれているので、beforeSendで明記すれば解決するかと思いましたが直りません。どうすれば解決できるでしょうか？

$.ajax({
beforeSend: function(xhr){
xhr.overrideMimeType("text/html;charset=Shift_JIS");
},
type: "POST",
url: "message_send.html",
data:{
"title": title,
"article": article
},
success:function(){
alert("success");
},
failure:function(){
alert("failure");
},
});

ログインして回答する

ベストアンサー

Lhankor_Mhy2014/02/17 15:05:41

　確認していただきたいのですが、そのリクエスト先でShift-JISのURLデコードをしているのではありませんか？
　もしそうであれば、jQueryのデフォルトエンコードを無効にして、自分でShift-JISでのURLエンコードを実装するしかないと思います。
　
　ググったところこのようなライブラリがあるようです。
http://www.junoe.jp/downloads/itoh/enc_js.shtml

スター
- 4件のコメントを見る
- はっしー 2014/02/17 18:27:02
  
  ありがとうございます。
  教えていただいたライブラリを使って次のように書き換えてやってみましたが、
  %を含むSJISエスケープ文字列そのもので保存されてしまいました。
  beforeSendを外した状態でもやってみましたがうまくいきません。
  リクエスト先のhtmlは外部サービスのものなので、内部の確認は困難です。。
  
  $.ajax({
  beforeSend: function(xhr){
  xhr.overrideMimeType("text/html;charset=Shift_JIS");
  },
  type: "POST",
  url: "message_send.html",
  data:{
  "title": EncodeSJIS(title),
  "article": EncodeSJIS(article)
  },
  success:function(){
  alert("success");
  },
  failure:function(){
  alert("failure");
  },
  });
  
  スター
- Lhankor_Mhy 2014/02/17 18:30:43
  
  jQueryのデフォルトエンコードを無効にして
  と書きました通りです。
  processData (default: true)
  Type: Boolean
  By default, data passed in to the data option as an object (technically, anything other than a string) will be processed and transformed into a query string, fitting to the default content-type "application/x-www-form-urlencoded". If you want to send a DOMDocument, or other non-processed data, set this option to false.
  jQuery.ajax() | jQuery API Documentation
  
  スター
- Lhankor_Mhy 2014/02/17 19:03:32
  
  失礼しました。processDataを指定しなくても、dataにstringを渡せばいいようです。
  
  スター
- はっしー 2014/02/17 19:30:43
  
  dataにstringを渡すようにかえたところ、うまくいきました！
  ご教授いただきありがとうございました。
  
  スター