Javascript Jquery和php删除行而不刷新页面

我试图创建一个jquerydeletediv函数，但我有一个问题

当我按下提交按钮时，div并没有被删除，页面也被刷新。没有刷新页面我怎么办

这是我的页面

这是我的jquery函数代码：

$(document).ready(function () {

    $('.ilan_alani').on('click', '.showmenu', function(e) {
        var $ilan_alani = e.delegateTarget;
        $('.note_area', $ilan_alani).toggle('puff');
        $('.showmenu', $ilan_alani).hide();
        $('.hidemenu', $ilan_alani).show();
    })
    .on('click', '.hidemenu', function(e) {
        var $ilan_alani = e.delegateTarget;
        $('.note_area', $ilan_alani).toggle("puff");
        $(".hidemenu", $ilan_alani).hide();
        $(".showmenu", $ilan_alani).show();
    });
  $('.ilan_alani .psdlt').click(function() {
  $(this).parents('.ilan_alani').animate({ opacity: 'hide' }, 'slow');
});
});

这里还有HTML代码：

<div class="ilan_alani">
    <div class="note_area">
        <div class="hidemenu"> 
          <form method="post">
          <input type='submit' name='Delete' value='Delete' class='psdlt' />
          </form></div>
    </div>
    <div class="test"></div>
    <div class="showmenu">Shows</div>
</div>

<div class="ilan_alani">
    <div class="note_area">
        <div class="hidemenu"> <form method="post">
          <input type='submit' name='Delete' value='Delete' class='psdlt' />
          </form></div>
    </div>
    <div class="test"></div>
    <div class="showmenu">Show</div>
</div>

显示
显示

---

我想要什么。不刷新

ilan\u alani

的Div被删除。

您正在使用

表单

标签和

提交按钮

，它们提交您的

表单

，点击尝试删除

表单

标签，并按

提交

按钮类型

<form method="post">
      <input type='submit' name='Delete' value='Delete' class='psdlt' />
</form>

到

---

您正在使用

表单

标签和

提交按钮

，点击提交您的

表单

，尝试删除

表单

标签和按钮类型为

提交

<form method="post">
      <input type='submit' name='Delete' value='Delete' class='psdlt' />
</form>

到

---

您正在使用

表单

标签和

提交按钮

，点击提交您的

表单

，尝试删除

表单

标签和按钮类型为

提交

<form method="post">
      <input type='submit' name='Delete' value='Delete' class='psdlt' />
</form>

到

---

您正在使用

表单

标签和

提交按钮

，点击提交您的

表单

，尝试删除

表单

标签和按钮类型为

提交

<form method="post">
      <input type='submit' name='Delete' value='Delete' class='psdlt' />
</form>

到

您可以在

上添加

onclick=“return false；”“

，以避免像这样提交事件：

<form method="post" onclick="return false;">
  <input type='submit' name='Delete' value='Delete' class='psdlt' />
</form>

$('#someElement').click(function() {
    id = the id of the row you want deleted;
    $.ajax({
        url: "url to the page above here",
        type: "post",
        data: {
            "rowId" : id,
        }
    }).done(function() {
        alert('row deleted');
    });
});

您可以在

上添加

onclick=“return false；”“

，以避免像这样提交事件：

<form method="post" onclick="return false;">
  <input type='submit' name='Delete' value='Delete' class='psdlt' />
</form>

$('#someElement').click(function() {
    id = the id of the row you want deleted;
    $.ajax({
        url: "url to the page above here",
        type: "post",
        data: {
            "rowId" : id,
        }
    }).done(function() {
        alert('row deleted');
    });
});

您可以在

上添加

onclick=“return false；”“

，以避免像这样提交事件：

<form method="post" onclick="return false;">
  <input type='submit' name='Delete' value='Delete' class='psdlt' />
</form>

$('#someElement').click(function() {
    id = the id of the row you want deleted;
    $.ajax({
        url: "url to the page above here",
        type: "post",
        data: {
            "rowId" : id,
        }
    }).done(function() {
        alert('row deleted');
    });
});

您可以在

上添加

onclick=“return false；”“

，以避免像这样提交事件：

<form method="post" onclick="return false;">
  <input type='submit' name='Delete' value='Delete' class='psdlt' />
</form>

$('#someElement').click(function() {
    id = the id of the row you want deleted;
    $.ajax({
        url: "url to the page above here",
        type: "post",
        data: {
            "rowId" : id,
        }
    }).done(function() {
        alert('row deleted');
    });
});

---

您要做的是将php页面与此分开，
它根据get或post值删除一行

类似这样的内容（添加了您自己的安全性和db连接）

---

您要做的是将php页面与此分开，
它根据get或post值删除一行

类似这样的内容（添加了您自己的安全性和db连接）

---

您要做的是将php页面与此分开，
它根据get或post值删除一行

类似这样的内容（添加了您自己的安全性和db连接）

---

您要做的是将php页面与此分开，
它根据get或post值删除一行

类似这样的内容（添加了您自己的安全性和db连接）

---

谢谢你的回复。但是如果我使用

onclick=“return false；”“

mysql行未删除？我不知道hot我可以这样做：（？@simplename查看我的答案，了解aldanux的基本含义感谢您的回复。但是如果我使用

onclick=“return false；”“

mysql行未删除？我不知道hot我可以这样做：（？@simplename查看我的答案，了解aldanux的基本含义感谢您的回复。但是如果我使用

onclick=“return false；”

mysql行未被删除？我不知道我可以这样做：（？@simplename查看我的答案，了解aldanux的基本含义感谢您的回复。但是如果我使用

onclick=“return false；”

mysql行未被删除？我不知道热，我可以这样做：（？@simplename查看我的答案，了解aldanux的基本含义