如何使用Ajax和Cordova加载外部页面



我想使用$('#externalPageDivID').load('')来加载外部页面,并将内容放入index.html文件中的div标记中。换句话说,我想使用Cordova作为外部页面的包装器,并最终使用一些Cordova API。

问题是外部页面有一些相对路径,当我使用上述功能时,我的应用程序不是在服务器上查找这些资源,而是在文件://位置中查找这些资源。

有没有可能处理外部页面的相对路径,即使我可以修改它的内容?

谨致问候,TD

load()方法从服务器加载数据,并将返回的数据放入所选元素中。

以下示例在load()方法完成后显示一个警告框。如果load()方法成功,它将显示"Externalcontentloadedsuccessfully!",如果失败,则显示错误消息:

$("button").click(function(){
    $("#div1").load("demo_test.txt", function(responseTxt, statusTxt, xhr){
        if(statusTxt == "success")
            alert("External content loaded successfully!");
        if(statusTxt == "error")
            alert("Error: " + xhr.status + ": " + xhr.statusText);
    });
});

最新更新