如何重置我在点击时附加的div数据?

时间:2016-11-29 11:51:02

标签: php jquery ajax

这里我想在点击时重置附加数据。所以我可以通过删除旧数据来获取新数据。现在实际上数据即将到来,但新数据将附加我需要删除的旧数据。

$("#button").click(function(){

etc=$("#etc").val();

$.ajax({
    url: 'db4.php',
    type: 'POST',
    data: {
        etc: etc
    },
    error: function() {
        $('#div1').html('<p>An error has occurred</p>');
    },
    success: function(data) {

       var result = $.parseJSON((data));
       $.each(result,function(i,field){

           document.getElementById("div1").innerHTML=field.name;
           $('body').append(document.getElementById("subasish123").innerHTML);
           $('#subasish123').slice(0).hide();
       });


       }
});
});
<form>
  <input id="etc" type="text" name="etc">
  <label id="button">Click</label>
</form>
<div id="subasish123">
  <div id="div1"></div>
</div>

1 个答案:

答案 0 :(得分:0)

尝试将输出重定向到其他元素,而不是body。 清空HTML的body是不可取的。

看看这个小提琴,例如:

jsfiddle.net