Javascript 有没有一种方法可以显示来自其他网站的表格?

Javascript 有没有一种方法可以显示来自其他网站的表格?,javascript,jquery,html,Javascript,Jquery,Html,是否有一种方法可以显示来自其他网站的表格。例如,我想要的表格是在example.com上的id表格“。在我的html中,我有一个div,我也想在其中显示id表格的表格。我真的不知道该怎么做。我已经研究了其他问题。但这些答案对我来说不起作用。我还读了一些关于“文件获取内容”的内容“但我不知道如何使用它获取特定的id。这是.load()方法的API。这是一个jqueryajax函数。它能够在当前页面加载完成后加载内容 使用此代码将有助于将#表加载到#目标。请注意,ajax在某些浏览器(如Chrom

是否有一种方法可以显示来自其他网站的表格。例如,我想要的表格是在example.com上的id表格“。在我的html中,我有一个div,我也想在其中显示id表格的表格。我真的不知道该怎么做。我已经研究了其他问题。但这些答案对我来说不起作用。我还读了一些关于“文件获取内容”的内容“但我不知道如何使用它获取特定的id。

这是
.load()
方法的API。这是一个jqueryajax函数。它能够在当前页面加载完成后加载内容

使用此代码将有助于将
#表
加载到
#目标
。请注意,ajax在某些浏览器(如Chrome)上无法在本地工作。如果本地网页不起作用,则应在服务器上进行测试。

$("#target").load("http://example.com #table");

划伤 感谢charlietfl,他指出您需要CORS来请求数据。老实说,我对这件事不熟悉,但以前也处理过。在这里,我编译了一些代码,可能会对您有所帮助:

$(函数(){
函数createCORSRequest(方法,url){
var xhr=new XMLHttpRequest();
如果(xhr中的“带凭证”){
open(方法、url、true);
}else if(XDomainRequest的类型!=“未定义”){
xhr=新的XDomainRequest();
open(方法,url);
}否则{
xhr=null;
}
返回xhr;
}
var req=createCORSRequest(“获取”https://cors-anywhere.herokuapp.com/https://en.wikipedia.org/wiki/JavaScript");
如果(请求){
req.onload=功能(数据){
控制台日志(数据);
var full=data.target.response;
$(“#target”).html($(full).find(“#firstHeading”);
};
请求发送();
}
})
#目标{
边框:1px实心#000;
}

这将使用的帮助请求Wikipedia页面的标题https://cors-anywhere.herokuapp.com

这是
.load()
方法的API。这是一个jqueryajax函数。它能够在当前页面加载完成后加载内容

使用此代码将有助于将
#表
加载到
#目标
。请注意,ajax在某些浏览器(如Chrome)上无法在本地工作。如果本地网页不起作用,则应在服务器上进行测试。

$("#target").load("http://example.com #table");

划伤 感谢charlietfl,他指出您需要CORS来请求数据。老实说,我对这件事不熟悉,但以前也处理过。在这里,我编译了一些代码,可能会对您有所帮助:

$(函数(){
函数createCORSRequest(方法,url){
var xhr=new XMLHttpRequest();
如果(xhr中的“带凭证”){
open(方法、url、true);
}else if(XDomainRequest的类型!=“未定义”){
xhr=新的XDomainRequest();
open(方法,url);
}否则{
xhr=null;
}
返回xhr;
}
var req=createCORSRequest(“获取”https://cors-anywhere.herokuapp.com/https://en.wikipedia.org/wiki/JavaScript");
如果(请求){
req.onload=功能(数据){
控制台日志(数据);
var full=data.target.response;
$(“#target”).html($(full).find(“#firstHeading”);
};
请求发送();
}
})
#目标{
边框:1px实心#000;
}

这将使用的帮助请求Wikipedia页面的标题https://cors-anywhere.herokuapp.com


使用数据类型为“jsonp”的$.ajax()JQuery方法,您可以使用其id更新/添加一个表。为此,您可以从需要数据的位置跨域访问站点。为此,您需要使用服务器端语言(如C#、PHP或其他语言)来访问您需要数据的站点。如果您使用的是asp.net技术,那么您可以使用数据类型为“jsonp”的$.ajax()JQuery方法按照链接进行操作。您可以使用它们的id更新/添加一个表。为此,您可以从需要数据的位置跨域访问站点。为此,您需要使用服务器端语言(如C#、PHP或其他语言)来访问您需要数据的站点。如果您使用的是asp.net技术,那么您可以按照链接进行操作。

您好,目前还无法显示其他网站的特定表格,您只能使用IFRAME进行页面设置。@Annshuk我不同意。您可以使用ajax在另一个网站上加载页面,并通过查询将其与其他元素区分开来。是的,可以通过ajax将其与其他元素区分开来,但对于特定的表id,我不确定,或者您是否有此方面的演示示例。描述步骤的理论答案可以吗?您使用ASP还是PHP?您好,目前还无法显示来自其他网站的特定表格,您只能对页面使用IFRAME。@Annshuk我不同意。您可以使用ajax在另一个网站上加载页面,并通过查询将其与其他元素区分开来。是的,可以通过ajax将其与其他元素区分开来,但对于特定的表id,我不确定,或者您是否有此方面的演示示例。描述步骤的理论答案可以吗?您是否使用ASP或PHP?这将由于同源策略而失败。关于跨域的回答不完整issues@charlietfl谢谢你指出这一点。我对此并不熟悉。由于同一原产地政策,HahaThis将失败。关于跨域的回答不完整issues@charlietfl谢谢你指出这一点。我对此并不熟悉。哈哈