刷新社交div而不刷新整个页面

我做了一些关于此主题的搜索，并且大多数解决方案都有其他html参与。我hoever只涉及一个页面的HTML。这里是。刷新社交div而不刷新整个页面

我的index.html中

<body> 

<script type="text/javascript"> 
    setTimeout(function() { 
     location.reload(true); 
    }, 20 * 1000); 
</script> 

<div id="wall"> 
    <div id="igstream"></div> 
</div> 

</body>

本页面自动限码刷新整个页面每20秒。 igstream是一个div，每次有人发布有针对性的标签时都会更新。因此，例如我访问

index.html?tags=tagsforlikes

该页面将显示与标签= tagsforlikes从Instagram的图片，将刷新每20秒能够与标签= tagsforlikes

到目前为止是这种情况，显示从Instagram的新职位现在，但我想通过刷新仅在div部分

<div id="igstream"></div>

我想这样做，因为我重新设计，其中包括在页面上大图像背景的页面，以提高它。希望通过只刷新div部分来节省带宽。

感谢

来源

2013-11-23 Wayne

可以使用，jQuery的load()功能，

$("#igstream").load("yourfile link here");

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

来源

2013-11-23 08:46:55

Ajax是做到这一点的最简单的方法。只需将社交部分放入仅包含内容的页面中，并在拥有新内容后使用elem.innerHTML进行更新。

来源

2013-11-23 08:49:27 David

听起来很有趣的内容。你可以给一个样品吗？谢谢 – Wayne

@CharlesWayne，我可以给你一个例子，但它不会帮你很多。由于您无法将新内容分隔到另一个页面，因此您需要“深入挖掘”每个页面重新加载，并且只需要您想要的内容。 W3Schools是一个开始的好地方，之后是Google。 http://www.w3schools.com/ajax/ – David

我认为你能做到这一点的唯一方法就是用ajax调用，这是为了简单而使用jquery，但你可以用很多不同的方法来做到这一点。

$url = ''; //wherever you are getting the data from. 
var request = $.ajax({ 
    url: $url, 
    type: "GET", 
}); 
request.done(function(r) { 
/// update your div with retrieved content in "r" 
});

来源

2013-11-23 08:51:58

** //无论您从哪里获取数据。**需要刷新的网址相同 – Wayne

您的网页是您的来源？这听起来更像Instagram是源数据。您应该使用isntagram API 示例URL $ tag ='tagsforlikes' $ token =''// instagram token从instagram.com/developer/获取 $ count = 20 //要返回的项目数 $ url = “https://api.instagram.com/v1/tags/'.$tag.'/media/recent/?access_token=$token&count='.$count; –

试试这个

<body> 

<script type="text/javascript"> 
    window.setInterval(function(){ 
    $("#igstream").load("index.html?tags=tagsforlikes"); 
    }, 20 * 1000); 
</script> 

<div id="wall"> 
    <div id="igstream"></div> 
</div> 

</body>

来源

2013-11-23 08:55:50

感谢您的回复，但这种方法一次又一次地添加了整个页面的头元素。我需要一些将重新加载igstream部分到相同的页面。 – Wayne

window.setInterval(function(){ 
$("#igstream").load("test.html"); 
}, 1000);

这将刷新你的div 'igstream' 在每test.html的1000毫秒的

来源

2013-11-23 08:57:18 Haji

刷新社交div而不刷新整个页面

回答

相关问题