如何使用Ajax和Cordova加載外部頁面？

Question

我想要使用$（'＃externalPageDivID'）。load（''）來加載外部頁面並將內容放入index.html文件中的div標記中。換句話說，我想使用Cordova作爲外部頁面的包裝並最終使用一些Cordova API。

問題是，外部頁面有一些相對路徑，當我使用上述函數我的應用程序而不是在服務器上查找這些資源時，它會在file：//位置中查找它們。

即使我可以修改其內容，是否有可能處理外部頁面的相對路徑？

此致 TD從服務器

Answer 1

負載（）方法的負載數據和返回的數據置於所選擇的元件。

以下示例在load（）方法完成後顯示一個警告框。如果load（）方法成功，則顯示「外部內容加載成功！」，如果失敗則顯示錯誤消息：

$("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); 
    }); 
});