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。