Question

我在json中遇到了麻烦

这是我的Json代码

{ "id" : "1", "name" : "test1" },
  { "id" : "2", "name" : "test2" },
  { "id" : "3", "name" : "test3" },
  { "id" : "4", "name" : "test4" },
  { "id" : "5", "name" : "test5" }

这就是我获取数据的ajax代码

function load_res()
{
$.ajax({
    url: 'data.js',
    type: 'POST',
    dataType: 'json',
    success: function(data) {

        var div_data='';
        $.each(data, function(index, element) {
            div_data +="<div ><a href='"+data.name+"'>"+data[index].name+"</a></div>";
        });

        $('#9lessonsLinks').append(div_data);

    }
});
}

HTML部分

<a onclick="load_res()">Button</a>

<div id="9lessonsLinks"></div>

以上代码运行良好，数据检索和显示。但我的问题是，当我向JSON文件中添加一个新行并单击load_res（）函数时，它将再次显示带有新数据的旧打印数据，多次打印多次点击。我只想将最新添加的数据作为最后一行。请帮我解决这个问题。感谢你的好主意。

谢谢！

Answer 1

轻松修复：将.append更改为.html

for

Answer 2

在向其添加项目之前清空列表...

$('#9lessonsLinks').empty().append(div_data);

Answer 3

使用这样的javascript：

document.getElementById("9lessonsLinks").innerHTML = div_data;

在Json中点击时如何防止旧数据打印

3 个答案: