最新消息

[公告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檔的畫面

沒有留言:

張貼留言