jQuery.ajaxで外部ファイルのソースを取り込んでそれを表示させたいのですが、
文字化け対策として、scriptCharsetオプションでキャラセットを統一させたいと思っています。
ところがこのscriptCharsetは、
dataTypeが "jsonp" もしくは "script" でGETの時に機能し、"html"には対応していないようです。
ですので、
<p>てててててててて</p>
<p>すすすすすすす</p>
<p>ととととととととと</p>
というtest.htmlを読み込みたい場合は、
var test=
'<p>てててててててて</p>\r\n'
+'<p>すすすすすすす</p>\r\n'
+'<p>ととととととととと</p>\r\n'
というtest.jsを作って、
$.ajax({
url: "test.js",
scriptCharset:"UTF-8",
dataType:"script",
complete : function(){
~.append(test);
};
});
という様にやっています(jsonpは未習得なので分かりません)。
でもこれはあまりにも面倒だし応用が効かないので、直接htmlファイルを、文字コード指定で読み込むことはできないかと模索中です。
何か良い方法があれば教えていただけないでしょうか。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
この回答への補足
jQuery.ajaxSetup({
beforeSend: function(xhr){
xhr.overrideMimeType("text/html;charset=utf-8");
},
});
を入れたら直りました。ありがとうございます!
ありがとうございます!
load()を使うやり方ですね。確かにこれで解決はできるのですが、UTF-8に限られるんですよね。
今後の勉強として、いろいろな文字コードに対応できるような書き方をもう少し調べてみたいと思います。
No.1
- 回答日時:
ありがとうございます!
たぶん
contentType: "application/x-www-form-urlencoded"
に
charset=utf-8
などを加えれば良いのかな?と思って(1.6.4で)やってみているのですが、今のところまだうまく行きません。単に記述ミスなのか、ほかにいじるところがあるのか、、、
色々試し中です。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- システム ホームページの仕組みについて 3 2022/08/16 14:33
- JavaScript プラグイン無しでContactform7にdatepickerを実装 3 2022/10/25 02:18
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- その他(プログラミング・Web制作) VScodeでpythonプログラムの関数を実行したい 2 2022/07/13 19:24
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
外部ファイル名を変数で指定で...
-
別ファイルのfunctionの読み込み方
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
ひとつの外部ファイルに複数の...
-
Smarty(tplファイル)でJavaScri...
-
JavaScript内の関数を別のファ...
-
javascriptのalertで文字化けが...
-
javascriptファイルは1つに統...
-
プルダウンメニューを別ファイ...
-
複数のJavascriptを1つのscrip...
-
xmlHttpRequest.send( EncodeHT...
-
【Google Apps Script】「ライ...
-
IE8で外部jsファイルが読み込め...
-
レンタルサーバーでjavascript...
-
リンク先のURLを記述せずに、Ja...
-
複数ファイルアップロードはAja...
-
JavascriptとJqueryを混在し記述
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
別ファイルのfunctionの読み込み方
-
javascriptとApacheの設定
-
Dreamweaver で 外部JSを読み込...
-
javascriptファイルは1つに統...
-
プルダウンメニューを別ファイ...
-
javascriptのalertで文字化けが...
-
呼出したjsファイル内で他jsフ...
-
【Google Apps Script】「ライ...
-
複数のJavascriptを1つのscrip...
-
cssにjavascriptを入れる?呼び...
-
JavascriptとJqueryを混在し記述
-
JavaScriptのエラー ( 関数の...
-
ひとつの外部ファイルに複数の...
-
外部ファイル名を変数で指定で...
-
ホームディレクトリを示すチル...
-
javascriptの外部ファイルで行...
-
JavaScript内の関数を別のファ...
-
なぜ外部jsファイルはコメント...
-
外部読み込みで動かないときの...
-
外部.jsの内容を一部置き換えて...
おすすめ情報