使用AngularJS+Ajax实现定时刷新

JavaScript016

使用AngularJS+Ajax实现定时刷新,第1张

目前我不知道怎么在app.controller里面实现定时发送请求刷新的方法

所以，我使用了ajax和angular来实现定时的功能，ajax用来发送异步请求，angular用来在页面回显值

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>