jQuery加载JSON

我有一个小困境,希望很容易解决。

我使用jQuery / JSON / PHP加载一些数据 – 基本上,加载的数据是几个

  • 元素。

    以下代码正常工作:

     function load_list() { $.getJSON('json/load.php', function(data) { $.each(data, function(k, v){ $("#my_div").append(' 
  • \
    \ \
    \
    '+v.due_date+'
    \

    \ '+v.title+' \

    \
  • \ '); }); }); }

    但是,假设我想更新"#my_div"并稍后再次调用该函数,比如每20秒。 如果我重新调用上面的函数,它实际上会再次附加项目,从而复制结果。

    我的问题是 (原谅我不知道):我怎样才能重写上面的函数来加载所有事件并刷新它并将"#my_div"的HTML设置为全新的而不是不重复?

    非常感谢。

    在包含.each()调用的匿名函数的开头调用$("#my_div").empty()

    您可以调用html函数来设置元素的HTML内容,如下所示:

      $("#my_div").html(' 
  • \
    \ \
    \
    '+v.due_date+'
    \

    \ '+v.title+' \

    \
  • \ ');

    使用html代替append

    使用html('

  • ...')
  • 标记 – 它替换内容而不是附加内容。

    Dodinas,你想要使用以下内容:

     $("#my_div").html('
  • ...
  • ');

    使用html()方法插入html。

    Interesting Posts