###前提・実現したいこと
jqueryでプログラムを書いています。ajaxでcsvファイルを読み込みたいのですが。Choromeではうまくいきません。
ChromeでAjaxを用いてcsvファイルを読み込みたいと思っています
###発生している問題・エラーメッセージ
XMLHttpRequest cannot load file:///D:/test/Book1.csv. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.send @ jquery-1.12.3.min.js:4
###該当のソースコード
HTML
1<!DOCTYPE html> 2<html> 3<head> 4<!-- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> --> 5<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> 6<meta http-equiv="content-style-type" content="text/css"> 7<meta http-equiv="content-script-type" content="text/javascript"> 8 <title>テスト用です</title> 9 <meta charset="utf-8" /> 10 <style> 11 html{ 12 position: relative; 13 font-size: 24pt; 14 } 15 16 </style> 17</head> 18<body> 19 <div id="click"> 20 クリックしてください 21 </div> 22 <script type="text/javascript" src="js/jquery-1.12.3.min.js"></script> 23 <script src="js/jquery.jrumble.1.3.min.js"></script> 24 <script> 25 $('#click').click(function () { 26 $.ajax({ 27 url: 'Book1.csv', 28 dataType : 'text', 29 beforeSend : function(xhr) { 30 xhr.overrideMimeType("text/html;charset=SJIS"); 31 // xhr.overrideMimeType("text/html;charset=Shift-JIS"); 32 }, 33 success:function (data) { 34 $(this).text(data); 35 } 36 }); 37 }); 38 </script> 39 <!-- <script src="js/Main.js"></script> --> 40</body> 41</html> 42
###試したこと
調べたところ **--allow-file-access-from-files__**__が必要らしいのですがどこに書けばいいのかわからりませんでした。
###補足情報(言語/FW/ツール等のバージョンなど)
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。