如何从网站流式传输文本

时间:2015-12-13 20:59:40

标签: javascript jquery html

我想点击超链接获取文字。我想将此文本加载到我的网页上的div中。

var main = document.getElementById("main");
main.innerHTML='<object type="text/html" data='+$(this).attr('href')+'></object>';

这会在我的主div中加载整个网页。我只想要文字。我使用JavaScript或Jquery?我在链接点击时停止了页面重定向,因为我想在当前网页上加载textContent

是否可以从给定链接流式传输文本?

1 个答案:

答案 0 :(得分:2)

假设页面位于同一个域中,并且页面上的目标部分的ID为target,例如

其他页面

<head>...</head>
<body>
  <div id="target">some content you want to import</div>
</body>

你可以像这样得到你想要的东西:

您的信息页

<script>

$('a#yourLinkId').click(function(event) {
     event.preventDefault(); // prevents browser from following the link 
     $('#main').load($(this).attr('href') + ' #target');
     //                                      ^ 
     //                                      This space is required
});                                            

</script>

实际发生的事情是你在打电话:

 $('#main').load('yourdomain.com/yourpage #target');

这会将ID为target的div从其他页面加载到$('#main')

您可以在此处详细了解其工作原理:

jQuery.load()#loading-page-fragments
https://developer.mozilla.org/en/docs/Web/API/Event/preventDefault