Refresh in div without loading other content

Question

Good morning, everyone!

I have a page in ASP that has basically 2 Divs. A div where there is a panel that connects to a database and takes 3 information from there (a kind of Dashboard) and a div where there is a panel of messages that keep passing (slider).

What happens: this page is currently with an automatic refresh by HTML (tag) and until it works well! But, for reasons of arriving an hour there will be more messages in this panel, will not give time to read all before the page load. I’d like to see if there’s any way to reload only the contents of the DIV panel that picks up the database data. I saw some forms with Jquery, but most use a "load" function that needs to load a content inside, for example an html. There would be no way to do this directly in the document without any other file load?

Answer 1

There are 2 ways to do this.

1 - Through Ajax (may be with jQuery or not) considering this the best option

<script type="text/javascript">
jQuery.ajax({
    url: 'nome-da-pagina.asp',
    type: 'GET', // Tb pode ser post
    async: false,
    success: function(data){
        alert('Dados carregados com sucess!');
        $('#id-do-div-para-update').html(data);
    },
    error: function(){
        alert('Falha carregando os dados!');
    }
});
</script>

Documentation of the jquery method http://api.jquery.com/jQuery.ajax/

2 - Through iframe (not elegant, but also works)

<iframe src="nome-da-pagina.asp" frameborders="0" width="100%" height="400"></iframe>