从远程服务器加载 html 元素和数据答案

【问题标题】：Loading html elements and data from a remote server从远程服务器加载 html 元素和数据
【发布时间】：2018-06-23 08:56:16
【问题描述】：

我正在尝试将数据远程加载到我的索引文件中。我可以通过以下方式在本地完成：

<body id="chk">
<script>
$(function(){
    $('#chk').load('a.html');
});
</script>
</body>

它完美无缺，但对我来说真的没用，因为我无法远程更新 a.html 文件。我想要实现的是这样的：

$(function(){
    $('#chk').load('ftp:/chkblabla.com/public_html/a.html');
});

但这当然不会加载我的数据。可以通过其他方式完成吗？最后，我的目标是将一些字符串值加载到我的应用程序中，而无需进行另一个构建 (Cordova)。

【问题讨论】：

为什么不能更新文件？使用 ftp 时会发生什么变化？
检查您的控制台，看看您的 CORS 是否正常工作。尝试一个基本的 XMLHttpRequest en.wikipedia.org/wiki/XMLHttpRequest
为什么是jquery，我们在2018，使用和学习原生ecma js
@Cryptopat 感谢您的回复！即使启用了 CORS 插件，它也不会加载 a.html 的内容。我认为使用外部 url 制作 .load 是不“合法的”，只有本地 ..所以你说它应该工作..这很好。我该怎么做才能让它发挥作用？再次感谢。
@Cryptopat 它在服务器上（以 ftp 开头）我只是缩短了链接。我尝试了您的提议，当我将 .load() 链接到 localhost/a.html 时，它加载得非常好，但我的问题仍然存在。无论如何，感谢您的帮助。

标签： javascript jquery html cordova

【解决方案1】：

您说“当然这不会加载我的数据”，但您没有解释原因。你能看到 javascript 错误吗？

我总是建议使用adb 来查看来自 javascript 引擎的错误和警告：（至少对于 Mac OS）

adb logcat -v time | grep SystemWebChromeClient

如果问题与访问外部站点有关，您必须在以

开头的行修改您的index.html

<meta http-equiv="Content-Security-Policy"

编辑

我不确定这是否与您相关。两年前我正在开发的一个项目包含以下代码：

<!-- include JQ, enable PhoneGap events under JQM, then include JQM -->
<script type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
<script type="text/javascript">
    $( document ).on( "mobileinit", function() {
        $.support.cors = true;
        $.mobile.allowCrossDomainPages = true;
        $.mobile.phonegapNavigationEnabled = true;
    });    
</script>
<script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>

HTH...

【讨论】：

非常感谢您抽出宝贵时间回复。我的印象是 jquery .load 方法只支持加载本地或远程文件。我很高兴看到我错了。那么是什么阻止 a.html 内容（在我的服务器上）加载到我的本地索引文件上，我该如何修复它？
谷歌浏览器给了我这个：jquery-3.2.1.min.js:4 无法加载demo1@demo.co.il/public_html/a.html：跨源请求仅支持协议方案：http、data、chrome、chrome-扩展名，https。 Firefox 什么也没给我，但也不显示 a.html 数据。
我不确定能否帮助您。我实际上仍然错过了与科尔多瓦的联系。无论如何，我会用一些与你相关的脚本来编辑我的答案