如何在一个页面本地phonegap中包含www文件夹中的多个html文件

时间:2015-12-01 08:20:57

标签: javascript iphone cordova phonegap-plugins phonegap-build

我有多个html文件,我想将它们附加到default.html的不同动态DIV中。我使用ajax jquery完成了它。但是根据苹果需求文档,我不应该下载任何代码,所以有什么方法可以从本地打包在phonegap构建中的www文件夹中访问这些html文件。

请帮助...

2 个答案:

答案 0 :(得分:0)

您只需将HTML文件包含在应用程序的其他资产中,并在需要时使用相对URL在本地加载它们。如果需要在运行时将动态数据注入HTML中的占位符,也可以考虑使用模板引擎,例如Handlebars

答案 1 :(得分:0)

Simon感谢您的回复。 以前我试图用绝对路径加载它,但这不是正确的方法,所以我使用了以下代码行,它就像一个魅力。

$.get('js/a.html').done(function(resultHTML){
    //some code
})

我还必须为应用程序引入基本路径,以便将所有其他ajax请求路由到服务器,因此必须为服务器端请求调整ajaxSetup。

$.ajaxSetup({
        beforeSend: function(xhr, options) {
        var pathOrURL = options.url;
        var _parts = pathOrURL.split("."); 
        var pathExtension = _parts[_parts.length-1] || ''; //to get extension if any
        if(pathExtension !="js" && pathExtension !="css" && pathExtension != "html")
        {
            if (!(new RegExp('^(http(s)?[:]//)','i')).test(pathOrURL)) { // to check if it is relative or absolute path
                 options.url = baseUrl + options.url
            }
        }
    });

它已经是一个熟练的应用程序,在这个阶段我不能引入任何模板引擎。