GithubからAJAX経由で取得した日本語テキストファイルが文字化けしています

Question

次のAJAX呼び出しを使用して、同じGithubリポジトリ内の別のディレクトリの日本語文字を含むテキストファイルを取得しています。

$.ajax({ 
    type: "GET", 
    url: "https://raw.githubusercontent.com/mystuff/japaneseProject/master/data/jp.txt", 
    contentType: 'text/plain; charset=utf-8', 
    dataType: "text", 
    cache: false, 
    success: function(data) { 
     console.log(data); 
    } 
}); 

console.log(data)の出力は、しかし、ただのゴミです：

何かはおそらく、エンコーディングで起こっているが、私は何見当がつかない。当初、URLは完全に機能する直接のDropboxリンクでしたが、Dropboxはパブリックフォルダを中断して以来、もはやそれはありません。

Googleドライブのような他のホスティングサービスを試すと、CORSエラーが発生するか、同じゴミが出力されます。

Here's an example of the text file。

Answer 1

あなたのペーストビンのリンクは使用されていません。
ほとんどの場合、あなたの.txtファイルは多くの日本の文字セットエンコードの1つとしてエンコードされていますが、ページのエンコードはutf-8として設定されている可能性があります。その後、

2種類の溶液：

• 最も簡単には、UTF-8としてあなたのtxtファイルを再エンコード。

• できない場合は、ファイルをBlobとしてフェッチし、FileReaderと、readAsText(blob, encoding)の2つ目のパラメータによってテキストとして読み取ることができます。

（例を、以下では、私はISO-2022-JPとtxtファイルをエンコードしました。）

fetch('https://dl.dropboxusercontent.com/s/ikr7tk47ygt2mfe/test-ISO2022-JP.txt?dl=0') 
 
    .then(resp => resp.text()) 
 
    .then(text => raw.innerHTML = text); 
 
    
 
fetch('https://dl.dropboxusercontent.com/s/ikr7tk47ygt2mfe/test-ISO2022-JP.txt?dl=0') 
 
    .then(resp => resp.blob()) 
 
    .then(blob => { 
 
    let fr = new FileReader(); 
 
    fr.onload = e => fileRead.innerHTML = fr.result; 
 
    fr.readAsText(blob, 'ISO-2022-JP'); 
 
    });

table { 
 
    margin-top: 12px; 
 
    border-collapse: collapse; 
 
} 
 

 
td, 
 
th { 
 
    border: 1px solid #000; 
 
    padding: 2px 6px; 
 
    vertical-align: top; 
 
} 
 

 
tr { 
 
    border: 0; 
 
    margin: 0; 
 
}

<table> 
 
<tr> 
 
<th>Raw response as text</th> 
 
<th>From FileReader + encoding</th> 
 
</tr> 
 
<tr> 
 
<td><pre id="raw"></pre></td> 
 
<td><pre id="fileRead"></pre></td> 
 
</tr> 
 
</table>