Question

我很难找到一个好的资源或任何关于如何完成以下任务的想法：

Using jquery get some data

使用jquery获取一些数据。现在数据应该是什么语法。转到第2步。
再次使用jquery，将该数据分配给html页面上的多个变量和标签。我知道如何更换1个标签。但我想刷新多个div，标签，ID。转到第3步。
现在过了一段时间后回到第1步。

我已经尝试了我的朋友GOOGLE，但找不到我要找的页面。我非常感谢这里的一些代码，但是教程的链接也不会太糟糕。

Answer 1

1）$.ajax()似乎是一个好主意，用它来获取JSON格式的数据：

$.ajax({
  url: url,
  dataType: 'json',
  data: data,
  success: callback //Assign data and stuff here
});

2）在success参数中执行此操作，作为新函数。 success: function() {}

success: function() {
    $('div#1').html('foo');
    $('h1#1').html('woo');
}

3）在一段时间内打包你的$.ajax() - 电话：

var refresh = setInterval(function()
$.ajax({
      url: url,
      dataType: 'json',
      data: data,
      success: callback //Assign data and stuff here
     });
 }, 60000);

编辑（对以下评论的回复）：

尝试按以下方式执行此操作，因为您不是将函数（）用作回调函数：

function() { 
    $.ajax({ 
        url: "/admin/ajax/all_data.php", 
        dataType: 'json', 
        data: data, 
        success: function(data) {
            $("#testdiv1").html(data.testdiv1); 
            //$("#testdiv2").html(data.testdiv2); 
            //$("#testdiv3").html(data.testdiv3); 
        }
    }); 
}), 2000);

请告诉我这是否适合您。

Answer 2

1 - 请参阅$.ajax以及相关的高级包装，例如$.get，$.post，$.load和$.getJSON。

2 - 如果您的服务器将JSON发送到客户端并且客户端了解如何使用它，这是微不足道的。 e.g：

// json from server
{ "newsDiv" : "some html", "imagesDiv", "some html" }

// assuming it is stored in the variable 'data'
$("#newsDiv").html(data.newsDiv);
$("#imagesDiv").html(data.imagesDiv");

3 - setInterval是你的朋友。

Answer 3

然后查看jquery'load'函数here。这样，您可以从服务器加载数据并将其放入匹配的html元素中。非常干净简单。然后，看看如何实现计时器here

我看不出你还需要什么

Jquery刷新多个变量

3 个答案: