本地文件上的Windows Phone 8 jQuery.ajax失败

时间:2015-02-18 12:30:59

标签: javascript jquery ajax cordova windows-phone-8

虽然在阅读了很多关于这个问题的讨论之后,我找不到合适的答案。

我正在开发一个应该在Windows Phone和iOS上运行的phonegap应用程序。对于国际化,我使用jQuery globalize(https://github.com/jquery/globalize),它可以在桌面浏览器(IE,Firefox)和Safari中正常工作。但是,我需要访问一些JSON文件来初始化全球化引擎,这是使用Windows Phone时的问题,因为我无法找到所需的文件。这些文件位于res/lang/cldr/目录中,该目录包含两个包含特定于语言的文件的子目录。这是我加载所需文件的代码:

$.when(
    $.ajax("res/lang/cldr/likelySubtags.json", {
        cache: false, isLocal: true, async: false, dataType: "json", error: function (exceptionType, exceptionStatus, httpStatus) {
            // TODO: remove in production version
            console.log(httpStatus);
        }
    }),
    $.ajax("res/lang/cldr/timeData.json", { cache: false, isLocal: true, async: false, dataType: "json" }),
    $.ajax("res/lang/cldr/weekData.json", { cache: false, isLocal: true, async: false, dataType: "json" }),
    $.ajax("res/lang/cldr/en/numbers.json", { cache: false, isLocal: true, async: false, dataType: "json" }),
    $.ajax("res/lang/cldr/en/timeZoneNames.json", { cache: false, isLocal: true, async: false, dataType: "json" }),
    $.ajax("res/lang/cldr/en/caGregorian.json", { cache: false, isLocal: true, async: false, dataType: "json" }),
    $.ajax("res/lang/cldr/de/numbers.json", { cache: false, isLocal: true, async: false, dataType: "json" }),
    $.ajax("res/lang/cldr/de/timeZoneNames.json", { cache: false, isLocal: true, async: false, dataType: "json" }),
    $.ajax("res/lang/cldr/de/caGregorian.json", { cache: false, isLocal: true, async: false, dataType: "json" })
).then(function () {
    // Normalize $.ajax results, we only need the JSON, not the request statuses.
    return [].slice.apply(arguments, [0]).map(function (result) {
        return result[0];
    });
}).then(Globalize.load).then(function () {
    // load the messages displayed by the application
    $.ajax("res/lang/messages.json", {
        isLocal: true, async: false, dataType: "json", success: function (messages, status, request) {
            Globalize.loadMessages(messages);
        }, error: function (request, status, error) {
            alert(status);
        }
    });
});

我尝试过以下变通方法,但不是这些工作方法:

$.ajax("www/res/lang/cldr/likelySubtags.json", ...
$.ajax("/www/res/lang/cldr/likelySubtags.json", ...
$.ajax("/res/lang/cldr/likelySubtags.json", ...
$.ajax("./res/lang/cldr/likelySubtags.json", ...
$.ajax("./www/res/lang/cldr/likelySubtags.json", ...
$.ajax("x-wmapp0://www/res/lang/cldr/likelySubtags.json", ...
$.ajax("x-wmapp0:/www/res/lang/cldr/likelySubtags.json", ... (jsconsole.com used this as name of the file causing the exception
$.ajax("x-wmapp0://res/lang/cldr/likelySubtags.json", ...
$.ajax("x-wmapp0:/res/lang/cldr/likelySubtags.json", ...

但是,直接从根目录加载文件可以正常工作:

// works
$.ajax({ url: fragmentURL, dataType: "html", cache: true, isLocal: true, processData: true, success: function(switchableFragment) { ... } }); // It works!!!

我感谢任何帮助!提前谢谢!

1 个答案:

答案 0 :(得分:0)

Cordova for Windows Phone(我在版本3.5或更低版本上确认它)在加载JSON文件时遇到了一些问题。要解决此问题,您应该使用 XHRHelper.cs cordova文件或尝试更简单的方法。让我们看看两种解决方案:

1 - 您可以在 HandleCommand 方法中的 XHRHelper.cs 上尝试以下代码:

Uri relUri = new Uri(uri.AbsolutePath, UriKind.Relative);

if (uri.AbsolutePath.EndsWith("json"))
{
    using (StreamReader r = new StreamReader(uri.AbsolutePath))
    {
        string json = r.ReadToEnd();
        InvokeCallback(url, 200, json);
        return true;
    }
}

2 - 最简单的方法。您可以尝试将JSON文件扩展名更改为TXT,然后使用Javascript将结果字符串解析为JSON对象。参见:

$.ajax({
    type: 'GET',
    dataType: 'text',
    url: 'res/lang/cldr/JSONFile.txt',
    success: function (data) {
        var content = JSON.parse(data);

        doWhateverYouWant(content);
    }
});
当我遇到同样的问题时,Bot解决方案对我有用。希望它有所帮助!

祝你好运!