有没有办法从另一个网站显示一个表?

时间:2016-01-09 14:04:24

标签: javascript jquery html

有没有办法从其他网站显示表格。例如,我想拥有的表位于带有id表"的example.com上。在我的HTML中,我有一个div,我想要显示带有id表的表。我真的不知道如何做到这一点。我已经调查了其他问题。但这些答案对我没有用。我还读过一些关于" file_get_contents"但是我不知道如何能得到具体的身份证明。

2 个答案:

答案 0 :(得分:0)

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

http://api.jquery.com/load/

使用此代码有助于将#table加载到#target。请注意,某些浏览器 ajax无法在本地使用,例如铬。如果本地网页无效,则应在服务器上进行测试。

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

抓一点

感谢 charlietfl ,他指出您需要CORS来请求数据。我必须诚实,我不熟悉这个,但之前已经处理过了。在这里,我编译了一些可能对您有帮助的代码:



$(function() {
	function createCORSRequest(method, url){
    var xhr = new XMLHttpRequest();
    if ("withCredentials" in xhr){
        xhr.open(method, url, true);
    } else if (typeof XDomainRequest != "undefined"){
        xhr = new XDomainRequest();
        xhr.open(method, url);
    } else {
        xhr = null;
    }
    return xhr;
	}
  var req = createCORSRequest("GET", "https://cors-anywhere.herokuapp.com/https://en.wikipedia.org/wiki/JavaScript");
  if (req) {
  	req.onload = function(data) {
    	console.log(data);
      var full = data.target.response;
    	$("#target").html($(full).find("#firstHeading"));
    };
    req.send();
	}
})

#target {
  border:1px solid #000;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p>This will request the title of the Wikipedia's page using the help of https://cors-anywhere.herokuapp.com</p>
<div id="target">
</div>
&#13;
&#13;
&#13;

我真的不熟悉CORS,但我想基本的想法是目标服务器必须同意在发送数据之前源是安全的。如果我错了,请纠正我。

答案 1 :(得分:0)

使用带有dataType:“jsonp”的$ .ajax()JQuery方法,您可以使用其id更新/添加表。为此,您可以从您想要数据的位置启用对站点的跨域访问。为此,您需要使用服务器端语言,如C#,PHP或其他您想要数据的站点。如果您使用的是asp.net技术,那么您可以点击链接http://www.niceonecode.com/Q-A/JAVAScript/AJAX/Cross-domain-ajax-request-to-a-json-file-using-JSONP/20154