javascript - 在多设备混合应用程序中加载应用程序包内容

Question

我正在使用Multi-Device Hybrid App Preview (据我所知，使用 cordova)创建一个跨平台应用程序，但我不知道如何加载应用程序包中包含的内容文件。

似乎没有任何 Cordova 特定的 API 来访问应用程序包内容，因此我尝试使用简单的 jQuery ajax 调用来加载它

$.ajax({
    url: "./res/resource.txt", // relative path to www folder
    type: "get",
    contentType: "application/text",
    success: function (text) {
    },
    error: function (e) {
    }
});

但这将导致找不到文件错误。我还尝试使用完全限定的路径加载它，如下所示:

function getPhoneGapPath() {

    var path = window.location.pathname;
    path = path.substr(0, path.length - 10);
    return 'file://' + path;

};

$.ajax({
    url: getPhoneGapPath()+"/res/resource.txt", // relative path to www folder
    type: "get",
    contentType: "application/text",
    success: function (text) {
    },
    error: function (e) {

    }
});

但这会导致错误:访问被拒绝。错误。关于如何在 cordova 中访问应用程序包的内容有任何提示吗？

Answer 1

使用相对路径，但丢失./

例如

$.ajax({
    url: "res/resource.txt", // relative path to www folder
    type: "get",
    contentType: "application/text",
    success: function (text) {
    },
    error: function (e) {
    }
});

请记住，如果您导航到更深的路径，例如/foo/，您的相对路径将以此为基础。

一种解决方案是根据应用绝对路径解析当前路径。

加载时:

var basePath = window.location.href;

然后根据您当前的位置和基本路径构建相对路径。