如何使用jQuery加载本地文件? (带文件://)

时间:2013-01-24 17:56:45

标签: jquery

有没有办法使用jQuery从数据文件(例如JSON .js文件)加载数据?

例如:

$.get("file:///C:/objectData.js", function() { alert('Load was performed.'); });

目前,JQuery似乎没有进行简单的HTTP GET,而是尝试对其执行OPTIONS请求,该请求在file:// URI上失败。我只想加载数据,以便可以在脱机环境中使用该站点(不安装Web服务器)。

2 个答案:

答案 0 :(得分:5)

GET需要HTTP连接,因此如果没有本地Web服务器,它将无法工作。虽然您可以open and read a file使用HTML5,但无法以这种方式加载JavaScript资源。

如果页面是在本地加载的,那么通常使用脚本标记加载JS。

<script type='text/javascript' src='/objectData.js'></script>

解决这个问题的唯一方法可能就是这个答案:Is it possible to load in a local version of a JavaScript file instead of the server version?

this(两者都需要制作本地伪服务器):

答案 1 :(得分:3)

我希望有可能。我试过了。 Html代码和文本文件位于同一文件夹中。

这是jQuery部分。

$(document).ready(function()
{
    $("select").change(function()
    {


        file_name = $("select").val();
        $('#span_result').load(file_name);
    });
});

Html代码是

<select class="sel"  name="files">
    <option  value="">Select a file</option>
    <option  value="file.txt">file.txt</option>
    <option  value="file2.txt">file2.txt</option>
    <option  value="jQuery_file.html">jQuery_file.html</option>
    </select><br>
    <p>Contents of the file will be displayed below</p>
    <div id="span_result"></div>

在firefox中为我工作。对不起,如果它失败了。