Onderwerp: Deel van content vernieuwen op webpage (asp/aspx)

Ik zou graag een regel tekst en een plaatje om de 5 seconden willen vernieuwen zonder de gehele pagina te vernieuwen. De gegevens komen uit een database en worden op dit moment geladen/vernieuwd op het moment dat de pagina geladen of vernieuwd word.

Nu heb ik al wel gelezen dat je zoiets kon doen met jquery. Alleen wat ik tot dus ver heb gezien is dat je dan de informatie ophaalt van een andere website. En ik heb deze informatie al beschikbaar in mijn huidige webpagina. Alleen weet ik niet hoe ik het eruit moet krijgen zonder een reload :-(

Iemand enig idee hoe je dit doet? Misschien een voorbeeldje?

Hier staan enkele handige voorbeelden. http://stackoverflow.com/questions/1...rt-of-page-div
En via Google zal je nog een hoop mensen tegenkomen die hetzelfde willen doen.

Kort samengevat:
Je hebt een webpagina die niet herladen mag worden.
Daarnaast heb je een aparte pagina ergens op je server waarop de content continu up to date is als je ernaar surft. (enkel dus de data die in die andere pagina moet geupdate worden).
Op die eerste pagina doe je dan op vaste basis een ajax request naar die pagina met content.

Je kan dit o.a. ook doen met Ajax.

Oké, de content moet dus echt vanaf een andere pagina komen. Ik had de hoop dat het met iets als runat="server" in aspx vanuit dezelfde pagina kon. Als de content vanaf andere pagina’s komt kan iemand anders deze ook rechtstreeks aanroepen. En dat wou ik eigenlijk voorkomen.

Ik snap er niets meer van. Ik ben met het scriptje van http://jsfiddle.net/t35F9/1/ aan het testen.
Wanneer ik het voorbeeld in mijn pagina zet werkt het gewoon.

Code:

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$(function() {
    $('a').click(function() {
        $.get('http://echo.jsontest.com/Hello/world', function(data) {
            $('#mydiv').html(data['Hello']);
        });
    });
});
});//]]>  

</script>

<div id="mydiv">
    <h2>This div is updated</h2>
</div>

<div>
    <a href="#">Update the div!</a>
</div>

Maar wanneer ik de url 'http://echo.jsontest.com/Hello/world' wijzig naar een pagina op mijn server met als output {"Hello": "world"} werkt het niet meer.

Moet die pagina waar {"Hello": "world"} aan specifieke eisen voldoen of zo? Als ik de pagina aanroep komt er net zoals bij 'http://echo.jsontest.com/Hello/world' {"Hello": "world"} te staan.

Juiste content-type geset?

Content-Type application/json;

Dankje. Dat was inderdaad het probleem. Weer wat geleerd vandaag :-)

Het werkt nu allemaal als een speer. Zit alleen nog steeds met een probleem dat iedereen de source nog rechtsreeks kan benaderen.

Is het ook mogelijk om te zien waar (uit welke pagina) het request weg komt? Zodat ik alleen request uit mijn eigen pagina kan toestaan.