XMLHttpRequest()でtxtの日本語を読み取ると文字化けするので、これをtxtの通りに直したい。

javascript
1var y = new XMLHttpRequest();
2y.open('GET', 'y.txt', false);
3y.send();
4var str = y.responseText;

y.txt
あいうえおXかきくけこXさしすえそXたちつてとXあいうえ0123X

var y = new XMLHttpRequest();
y.open('GET', 'y.txt', false);
y.send();
var str = y.responseText;

半角英数字はそのままですが、全角、日本語は文字化けしてしまいます。
どうすればきちんと表示されるでしょうか。

表示部分は、まず文字列を変数に入力したあと、documen.getElementById.innerHTMLを使って表示しています。

なんかよくわからないのですが、別のパソコンからファイルをアップロードしたところ、
ちゃんと表示されました。

kei344

2020/05/04 02:48

そのテキストファイルの文字コードは何でしょう。

nasamunag

2020/05/04 05:08

メモ帳で保存する際に設定できますね。　一応utf-8で保存しており、実行ファイルも、METAでutf-8の文字コードにしています。

行動規範の内容に同意します

回答2件

responseTextは、そのまま取得しているので、
・もとのデータがそうなっている
・確認方法が間違っている
のどちらかでしょう。

投稿2020/05/04 02:18

otn

総合スコア85901

nasamunag

2020/05/04 02:26

txtをWindows標準装備のメモパッドで開くと、このように表示されます、つまり、読めます。半角英語や数字はそのまま表示されます。Xも認識されていますが、日本語、全角が文字化けします。

otn

2020/05/04 03:15

半角はOKで、日本語がおかしいと言うことは、エンコーディングが合ってないのでしょう。 HTMLのエンコーディングと、テキストファイルのエンコーディングを合わせてください。

行動規範の内容に同意します

なんかよくわからないのですが、

コンピュータ間でデータをやりする符号化規則として「文字コード（エンコーディング）」というのがあります。

現在の web技術では（Googleの表明するレギュレーションで自然統一された）utf-8 が主流ですが、
日本では JIS, Shift_JIS, EUC-JP といったものが使われていました（web以外の環境では今も使われることがあります）。この違いが、いわゆる「文字化け」になります。

Windows標準のソフトウェアであれば、マイクロソフトが提唱したとも言われる Shift_JIS に設定されていた。別のパソコンで保存したものは utf-8 だったのだと思います。

時間があるときにでも、「文字コード」「エンコーディング」を検索して調べてみてください。

投稿2020/05/04 07:17