Question

我想删除div的内容而无需重新加载页面。使用ajax，这是可能的，但我不知道如何使用它来解决我的具体问题。我不需要任何PHP脚本或其他东西。我想要做的就是在点击后立即删除内容。

<div class="content"> Some text </div>

<button id="Button" onclick="delete_content();"> Clear </button>

function delete_content(){
...  
$('.content').empty();
};

感谢您的帮助

Answer 1

如果你只是想获得你的onpage chages，你可以使用这样的东西，

<div class="content"> Some text </div>
<button id="clearBtn">Clear</button>

<script>
$(document).ready(function(){
  $('#clearBtn').click(function(){
    $('.content').html(''); //this will clear your html data from a div
   }
});
</script>

但是如果你想通过请求服务器删除一些东西（PHP，ASP）你可以这样做，

<script>
$(document).ready(function(){
  $("#clearBtn").click(function(){
      $.ajax({
               type : 'POST',
               dataType:'json',
               url:"testpage.aspx/deleteFunction",
               success:function(result){
                  $('.content').html(result); //here you get result from server
        }});
  });
});
</script>

Answer 2

<div class="content" id="content-to-delete"> Some text </div>

<button id="Button" onclick="delete_content();"> Clear </button>

function delete_content(){
    document.getElementById("content-to-delete").innerHTML = "";
};

Answer 3

试试这个，看看它是否适合你：

<div class="content" id="content"> Some text</div>
<button id="Button" onclick="deleteContent();">Clear</button>

function deleteContent() {
    var str = document.getElementById('content').value;
    var res = str.replace("Some Text"," ");
    document.getElementById('content').value=res;
}

删除内容而不使用jQuery刷新

3 个答案: