嵌套DIV-防止刷新内部DIV

Question

I am currently refreshing a div as below.

Main.php

    <script type="text/javascript">
    var auto_refresh = setInterval(
    function ()
    {
    $('#load_me').load('ajax.php').fadeIn("slow");
    }, 10000); // autorefresh the content of the div after
               //every 10000 milliseconds(10sec)
    </script>

However the page ajax.php has a number of DIV's that should not get refreshed. Is there a way to do this? That is, prevent specific DIV's from being refreshed at any cost (with their IDs).

The reason why this is required is, the DIV has text boxes which are getting refreshed when typing text.

Answer 1

You could always select what elements to refresh, but doing the opposite and leaving elements out will be more complicated, especially if those elements are nested within elements that should be refreshed etc.

var to_refresh = ['id1', 'id2', 'id3'];

var auto_refresh = setInterval(function () {
    $.each(to_refresh, function(_,id) {
        $('#'+id).load('ajax.php #'+id).fadeIn("slow");
    });
}, 1000);