在脱机jquery应用程序中访问本地文件

时间:2015-04-02 12:47:37

标签: javascript jquery

我是初学者尝试使用jquery来构建应用程序(主要是离线),我正在使用chrome / firefox开发它我希望有一个本地.txt文件,其中一些数据作为数组存储在其中。但是,我似乎无法访问它。 ajax功能永远不会成功。

(document).ready(function () {
    local_list_dict = ['Example', 'Example 2', 'Example 3'];
    online_list_dict = ['Park', 'running'];

    $('#master_set').on('click', function () {
        $.ajax({           //this does not work
            url: "/local/pg/document1.txt",
            success: function (data) {
                alert('success');
            },
        });

        for (i = 0; i < local_list_dict.length; i++) {
            $('#local_list').append("<li class='idea_list'><a href='#player_1' rel='external'>" + local_list_dict[i] + "</a></li>");

        }
        ;
        $('#local_list').listview('refresh');
    });

    $('#home').hide().fadeToggle(500);

    $('.idea_list').on('click', function () {
        alert('debug')
        var panelId = $(this).text(); // some function to pass player_1 the contents of the list
        $('#chosen_list').html();// some function that takes panelId and uses it to choose the relevant .txt file
    });
});

2 个答案:

答案 0 :(得分:0)

我尝试过同样的事情,但我没有得到一些安全规则的好结果。有一些技巧可以帮助您尝试,但最好的办法是在本地服务器上运行您的脚本(您可以使用WampServer或其他工具执行此操作)。 一些有用的链接可以帮助您:

答案 1 :(得分:0)

一种简单的方法是使用扩展程序 Node.js在本地服务器(例如 Chrome Dev Editor (developer preview) >中运行您的项目/应用程序,或者更加轻松 -

  

Chrome Dev Editor(CDE)是一款用于在Chrome平台上构建应用的开发人员工具 - Chrome应用和网络应用。 CDE支持在JavaScript或Dart中编写应用程序,并且具有Polymer模板以帮助您开始构建UI。 CDE还内置了对Git,Pub和Bower的支持。

就个人而言,我更喜欢在Node.js

中运行我的本地应用