使用jQuery自动更新前端AJAX脚本修改

时间:2014-01-24 08:25:53

标签: javascript jquery ajax

我在下面的脚本效果很好,但想要修改它以获得所需的效果。现在它只适用于初始页面加载。但是如何编辑它以使其每30秒左右自动进纸一次?

    $.ajax({
      type: "GET",
      url: "Administration/data/people.xml"
    }).done(function (xml) {
      $(xml).find('fullName').each(function() {
        var fullName = $(this).text();
        $('<button type="button" class="mybutton" name="users" onclick="showUser(this.value)"></button>').attr('value', fullName).html(fullName).appendTo('#loadMe');
      });
    }).fail(function (response, error) {
      $('#info').text('Error!');
    });

编辑:2014年1月24日上午3:55

我添加了区间函数,但是现在它处于无限循环中并且没有被覆盖,而是一遍又一遍地添加。

        $(document).ready(function(){
            setInterval(updateMe,1000);

            function updateMe(){

        $.ajax({
          type: "GET",
          url: "Administration/data/people.xml"
        }).done(function (xml) {
          $(xml).find('fullName').each(function() {
            var fullName = $(this).text();
            $('<button type="button" class="mybutton" name="users" onclick="showUser(this.value)"></button>').attr('value', fullName).html(fullName).appendTo('#loadMe');
          });
        }).fail(function (response, error) {
          $('#info').text('Error!');
        });


            }
        });

2 个答案:

答案 0 :(得分:1)

使用setInterval功能每隔30000毫秒调用一次该函数。

答案 1 :(得分:1)

查看javascript setInterval ()

网上有很多例子,但基本语法是

var intervalID = window.setInterval(code, delay);