dtz33344 2012-07-14 23:53
浏览 44
已采纳

使用Ajax删除评论

What is the best possible way/results using a link a div and ajax to pass data without a page refresh. I'm wanting my comments and div to fade out when clicked and don't want the page to refresh. So it stays exactly where I delete the comment.

I've tried this, but its not working

   <script>
function delete_(pid){
$.ajax({
   type: "POST",
   url: "include/post.delete.php",
   data: "pid="+pid,
   success: function(){
   $("#comment-"+pid).remove();
   }
 });
}
</script>
<? if($streamitem_data['streamitem_creator']==$_SESSION['id']){
echo "<div style='cursor:pointer;' onclick=\"delete_('".$streamitem_data['streamitem_id']."');\">Delete comment</div>";

But it's not giving me the above results I need. Maybe I'm doing something wrong, but I need help if possible.

  • 写回答

1条回答 默认 最新

  • dpgkg42484 2012-07-15 00:35
    关注

    Don't use a form with a submit action to delete that comment. When submitting a form, the page is automatically reloaded. Instead use a simple element with an onclick handler to trigger the AJAX request:

    <div onclick="delete_('anyID');">Delete comment</div>

    EDIT: Example:

    <head>
<script src="jquery.min.js"></script>
<script type="text/javascript">
function delete_(pid){
$.ajax({
   type: "POST",
   url: "include/post.delete.php",
   data: "pid="+pid,
   success: function(){
   $("#comment-"+pid).remove();
   }
 });
}
</script>
</head>

<body>
<div id="comment-123">This is a comment.</div>
<div onclick="delete_('123');">Delete comment</div>
</body>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • 使用Ajax从前端向后端发起请求
    2025-05-21 08:52
    肖恩想要年薪百万的博客 文章提供了使用Ajax发起GET请求的完整代码示例（包含前端HTML和后端Servlet实现），并详细解析了XMLHttpRequest对象的使用方法、参数配置以及异步请求机制。此外还涉及Servlet注解、继承方式等技术要点。通过表单...
  • 前端技术-AJAX
    2024-10-18 21:02
    K1ng不懂编程的博客 AJAX技术包含“网络请求”和“页面更新”两部分，其中使用XHR(即XMLHttpRequest)对象进行网络请求则是“网络请求”部分的核心。XHR对象，全称是XMLHttpRequest对象，是JavaScript的一个内置对象，它允许网页通过...
  • jdbc增删改查,前端使用ajax请求,maven管理依赖,使用的spring启动
    2024-09-19 13:10
    对于初学者而言，了解如何在前端使用Ajax技术发起异步请求，并将请求结果动态显示在网页上，是构建交互式Web应用的重要步骤。 Maven则是一个项目管理工具，它基于项目对象模型（POM）的概念，能够管理项目的构建、...
  • 图书馆添加删除判断 ajax.get 请求 ajax.post响应 考试专用
    2022-04-17 10:55
    本话题将详细讲解如何在图书馆管理页面中利用AJAX实现图书的添加、删除和判断功能，以及处理AJAX的GET请求和POST响应，这些都是前端开发者在考试或实际项目中经常遇到的场景。 首先，我们要理解AJAX的基本原理。...
  • ThinkPHP中ajax使用实例教程
    2020-10-25 12:31
    无论使用jQuery还是ThinkPHP自带的Ajax实现方法，都需要在服务器端的Action中处理接收到的数据，并将处理结果返回给前端。通常，Ajax的请求和响应会通过JSON（JavaScript Object Notation）数据格式进行交互，因为...
  • 前端领域AJAX的请求优先级排序方法
    2025-05-08 10:19
    AI实战架构笔记的博客 在前端开发中，AJAX（Asynchronous JavaScript and XML）技术使得网页能够在不刷新整个页面的情况下与服务器进行异步通信并更新部分网页内容。然而，当页面中存在多个AJAX请求时，由于网络和服务器资源的限制，这些...
  • 前端领域AJAX的请求队列管理策略
    2025-04-10 11:26
    AI实战架构笔记的博客 在现代前端开发中，AJAX已经成为实现动态网页的关键技术之一。通过AJAX，浏览器可以在不刷新整个页面的情况下与服务器进行异步通信，从而提升用户体验。然而，当页面需要同时发起多个AJAX请求时，会面临一些挑战，...
  • Ajax连接MySQL增删改查前端
    2023-03-12 14:56
    周周_加油的博客 上篇文章说到了不用mysql连接的增删改查现在发一篇连接数据库的增删改查，这次是一个学习的这种连接的思路和增删改查的思路以及一个分层的思路当然还是先看页面，但是由于是功能的实现就没有写多好看增删改查...
  • ASP+Ajax实现无刷新评论简单例子
    2020-10-30 18:47
    本文将深入探讨如何使用ASP（Active Server Pages）结合Ajax（Asynchronous JavaScript and XML）技术来实现一个无刷新的评论系统。这个例子提供了一个简单的框架，用于在不重新加载整个页面的情况下动态地显示和...
  • 【Web前端】Ajax超详解
    2023-04-22 15:30
    将冲破艾迪i的博客 本文共计两万四千字，详细的介绍了前后端交互的内容，以及Ajax的实现方式，包括XHR、Fetch和Axios。
  • 没有解决我的问题, 去提问