読者です 読者をやめる 読者になる 読者になる

デンターの雑記帳

アニメ、電子工作、ソフトウェアなど

jqueryでajax通信するときのキャラセット

完全に備忘録です。
今回web製作時にハマってしまったことをば

jqueryを利用してサーバーとjsonajax通信しようと試みた時の話

$.ajax({
  url: 'data/ByGrade.json',
  cache: false
})
.done(function(data) {
  console.log(data);
})
.fail(function() {
  console.log("error");
})
.always(function() {
  console.log("complete");
});

まあ試しにこれをしてみたのです

いかが出力結果

{
    "ByGrade": [
        { "class": "1�N1�g", "title": "����", "descript": "����&�^�s�I�J�W���[�X�̔̔�", "genre": "���H", "place_id": 28 },
        { "class": "1�N2�g", "title": "�����˓I", "desctipt": "�q�Ɋ��蔢�S�C�����点�����Ŏ˓I", "genre": "�W��", "place_id": 14 }
    ]
}
complete

Why!? Japanese people!!??

まぁ見た時に検討はついたのですが日本語のキャラセットを指定すればいいのではと…

ということで仕様を確認したらやはりありました。

  • scriptCharset

これ

ということでこうして解決

$.ajax({
  url: 'data/ByGrade.json',
  cache: false,
  scriptCharset:"UTF-8"
})
.done(function(data) {
  console.log(data);
})
.fail(function() {
  console.log("error");
})
.always(function() {
  console.log("complete");
});

(というかjsonのキャラセットがShift-JISだったのが原因なのですが^^;
 jsonutf-8に直しました…atom有能!)