Question

基本上我有一个返回JSON的REST api。在此JSON中，它返回上次查看的主题。例如

{ lastview : ABC }

所以我想把它插入我的页面

<div class = 'lastview'>Last viewed topic: </div>

$.getJSON("json link", function(data){
 $('<a/>',{
 text: data.lastview
 }).appendTo('.lastview');

但是，由于此数据可能会在查看另一个主题后发生变化。我的意思是如果用户转到另一个主题名称XYZ，JSON将最后一个视图从ABC更改为XYZ但是web中的那个不会（仍然是ABC），因为它只在页面加载时执行一次该函数。

所以无论如何都要动态检查JSON并在内容发生变化时正确返回（我的意思是当lastview主题更改为XYZ时，div中的那个也将自动更改为XYZ）

由于

Answer 1

setTimeout（）方法在指定的毫秒数后调用函数或计算表达式。

1000 ms = 1秒。

该功能仅执行一次。如果需要重复执行，请使用setInterval（）方法。

setInterval({

$.getJSON("json link", function(data){

$('<a/>',
       {

         text: data.lastview

       }).appendTo('.lastview');


 }, 1000);

Answer 2

这是每500毫秒继续请求和更新的示例

setInterval(function() {
    // Fake ajax
    data = { lastview: "Page " + Math.floor(Math.random() * 3) };
    // Just for demo
    
    $("#lastview").empty();
    $("#lastview").append(
        $("<a></a>").text(data.lastview)
    );
}, 1000);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Last viewed topic: <span id="lastview"></span></div>

如何附加动态数据

2 个答案: