最新消息

[公告2014/05/30] 如有需要將部落格中，任何一篇文章的程式碼使用在商業用途，請與我聯繫。

[公告2015/04/26] Line版的 iInfo程式與投資應用 群組已上線想加入的朋友們，請先查看 "入群須知" 再與我聯繫 Line : aminwhite5168，加入請告知身分與回答 "入群須知" 的問題。

[公告2018/04/22] 台北 Python + Excel VBA 金融資訊爬蟲課程，課程如網頁內容 金融資訊爬蟲班：台北班 Python 金融資訊爬蟲、EXCEL VBA 金融資訊爬蟲。

[公告2019/01/08] 請注意：我再次重申，部落格文章的程式碼，是要提供各位參考與學習，一旦網頁改版請自行修改，別要求東要求西要我主動修改，你們用我寫東西賺錢了、交差了，請問有分我一杯羹嗎?既然賺錢沒分我，請問有什麼理由要求我修改，如果沒能力改，就花錢來找我上課。

[公告2019/12/01] 若各位有 Excel VBA 案子開發需求，歡迎與我聯繫，可接案處理。

[公告2020/05/22] 頁面載入速度慢，起因為部分JS來源(alexgorbatchev.com)失效導致頁面載入變慢，目前已做調整，請多見諒。

2013年5月20日 星期一

無法使用AJAX讀取本機檔案

在自己電腦的瀏覽器無法使用AJAX讀取本機檔案的經驗嗎?
在以下的程式碼中，使用jQuery的get API存取CSV檔案會發生如下圖的錯誤訊息。
<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>jQuery access csv file</title>     
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript"> 
    $(function () {
      alert("0519");    
      $.get('test.csv',function(data) {
        alert(data);
      });
    });
    </script>
  </head>
  <body>   
  </body>
</html>

錯誤訊息畫面

解決方法如下
Google Chrome瀏覽器
加入以下命令即可解決這樣的問題
"C:\Program Files\Google\Chrome\Application\chrome.exe" --allow-file-access-from-files
加入--allow-file-access-from-files 指令後，重新開啟瀏覽器，在一次執行上述程式，即可見到成功的畫面。

參考資料： 連結

Mozilla FireFox瀏覽器
在$.get()函數中添加'text'，即可讀取本機檔案，如下程式碼中第12行
<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>jQuery access csv file</title>     
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript"> 
    $(function () {
      alert("0519");    
      $.get('test.csv',function(data) {
        alert(data);
      },'text');
    });
    </script>
  </head>
  <body>   
  </body>
</html>
讀取本機的CSV檔的畫面

張貼者： 於
標籤：

沒有留言:

張貼留言

訂閱： 張貼留言 (Atom)