Question

用AJAX做一个定时刷新的效果

要求每过5秒访问一次数据库给页面当中的4个文本框的值进行刷新

Answer 1

HTML

<form id="formHolder">
    <input type="text" name="text1" id="text1" value="1" />
    <input type="text" name="text2" id="text2" value="2" />
    <input type="text" name="text3" id="text3" value="3" />
    <input type="text" name="text4" id="text4" value="4" />
</form>

JS

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        refreshForm();
    });
    function refreshForm(){
        $("input").each(function(){
            var number = parseInt($(this).val()) + 1;
            $(this).val(number);
        });
        setTimeout(refreshForm, 5000);
    }
</script>