使用 jquery 或 javascript 从 url 获取 html 内容答案

【问题标题】：get the html content from url using jquery or javascript使用 jquery 或 javascript 从 url 获取 html 内容
【发布时间】：2016-07-14 20:27:01
【问题描述】：

我想从给定的 url 读取 html 内容，但它显示相同的来源错误（我知道这个错误）。所以我尝试了不同的方法。打开一个新窗口并打开该窗口的网站并阅读该窗口中的内容，但不起作用请帮助我。

注意：这是针对我的 cordova 应用程序的！

我试过如下

var myWindow=window.open('http://www.google.com','','width=200,height=100');
//myWindow.document.write("<p>This is 'myWindow'</p>");
alert(myWindow.innerHTML);
myWindow.document.close();

【问题讨论】：

我会尝试使用 Cordova API
@alex 你能说出这个的任何cordova插件名称吗？
如果你想从 url 获取内容，我认为你应该使用 ajax $.get(...);
@IlyasMimouni 它显示了相同的来源错误，如谷歌...
@AsithRaj：你必须通过添加一些代码 php 来配置服务器，看看这里的 anwser：stackoverflow.com/questions/23665056/…

标签： javascript jquery cordova cordova-plugins

【解决方案1】：

$.get( "http://www.google.com/", function( data ) {
    console.log(data);     
});

借助 jQuery，您可以获取指定 URL 的 html 内容。将所需的 URL 替换为 "http://www.google.com/"。它不会在真实设备或模拟器中出错。但是如果你在浏览器中签入，那么它会给出 CORS 的错误。

问候

【讨论】：

我在浏览器控制台窗口中尝试过stackoverflow，但它显示“No 'Access-Control-Allow-Origin'”错误
是的，它总是会给出 CORS 错误，所以你不能在浏览器中测试，在真实设备中尝试。
@AsithRaj：仅供参考，有一种方法可以在 chrome 浏览器中进行模拟，方法是在此处激活一些功能：“chrome://flags/”。但这部分功能非常先进。因此，只有当您现在正在做的事情时，您才应该激活或停用功能。 :)
是的，我也不建议这样做。