Page auto reload without refresh

Hi I want to know How to make the page reload asynchronous, for example if someone has received a message , the last message will appear without refreshi开发者_如何学Gong the page. just like facebook. thank you.

You would have to use something like JQuery & Javascript to poll the server for changes and display them on the page in a div.

setInterval('someFunc()', 1000)

function someFunc()
{

 $.ajax({
            async: true,
            type: "GET",
            url: "www.domain.com/url",
            data: data,
            success: function (html) {
                $("#myDiv").html(html);                
            }  
        });

}

This will update the div with ID myDiv every second with the data from www.domain.com/url passing in data is a param (you will have to define 'data')

well there is alot of approaches but the basics is that you call an ajax function every second or so that checks with external php/asp or whatever file if any changes has been made to your database/text if so append it to the chatbox.

p.s. using libraries such as jquery simplifies things alot

Or you can use Comet model, it doesn't stress the network so much and does not fill the web servers access logs so much. The responses are also faster. Commet means that the HTTP server pushes the data to you immediately when they appear.