我正在尝试开发概念证明，其中使用jQuery将HTML内容加载到div中。我正在使用jQuery，jQueryMobile和PhoneGap。我有一个带有单个jQueryMobile页面的简单index.html。我想将对服务器的调用结果（HTML）注入到内容div中。我正在Android模拟器上对此进行测试。这是我的代码：
function onBodyLoad()
{
document.addEventListener("deviceready",onDeviceReady,false);
}
function onDeviceReady()
{
var url = "http://www.myserver.com/content/qwerty";
$("#applicationContainer").load(url);
}
<body onload = "onBodyLoad();">
<div data-role="page" id="page">
<div data-role="header">
<h1>My Content</h1>
</div>
<div id="applicationContainer" data-role="content">
</div>
</div>
</body>
这是行不通的。我究竟做错了什么？我可以将android apk文件加载到模拟器中并打开应用程序，但无法将HTML加载到内容div中。我的概念是使用phonegap创建android和iphone移动应用程序以将html内容加载到页面中。我想念什么？谢谢你的时间。
最佳答案
您的index.html也必须位于同一服务器上。这是原产地政策。
想一想：如果您可以将每个页面加载到您的站点中，则可以执行以下操作：$("#container").load("http://facebook.com/messages"）。每个网站都可以阅读您的私人信息。这就是为什么您只能访问同一域中的网站的原因。
有一些解决方法，例如Yahoo Pipes。
关于jquery - 在由phonegap包装的应用程序中使用jQuery将URL加载到div中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10148265/