刷新社交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而不刷新整個頁面

回答

相關問題