php - ajax更新mysql字段而不刷新页面

Question

我试图让我的公告框右上角有一个 X 按钮，单击它会删除消息，并更新 mysql 查询字段而不刷新页面

HTML

<form id="myForm" action="delanno.php" method="post">
    <div class='announce-box'>
     <div class='announce-message'>$show_message</div>
      <div class='announce-delete'>
       <a class='deleter'>
        <button type='submit' id='sub' name='$show_id' style='height:35px; width:40px'>
         <img src='../css/images/delete_25.png' width='25' height='25'>
        </button>
       </a>
     </div>
    </div>
</form>

php (delanno.php)

<?php
include("conn.php");

foreach($_POST as $name => $content) { // Most people refer to $key => $value

     $something = "$name"; //ignore this, i did this for testing purposes
     $query = mysql_query("UPDATE announce SET active='disabled' WHERE id='$something' ") or die(mysql_error());
} 

?>

ajax//这应该更新 php 字段而不刷新或发送到另一个页面

<script type="text/javascript">
    $("#sub").click( function() {
     $.post( $("#myForm").attr("action"),
        $("#myForm :input").serializeArray(),
        function(info){ $("#result").html(info);
           });
        });

        $("#myForm").submit( function() {
          return false;
        });
</script>

more ajax//这应该在单击删除按钮时删除公告 div。

<script>
$('.deleter').on('click', function(){
  $(this).closest('.announce-box').remove();

 })
</script>

如果我删除

return false

它将它发送到 php 页面，并且它显然有效。我不知道从这里该做什么

编辑:除非将脚本发送到 php 页面，否则该脚本不起作用

Answer 1

选择 DOM 元素的 JavaScript 应该位于 ready 内当 DOM 实际准备好时函数，例如

$(document).ready(function() {
  // $('#some-id') .. etc
});

.

我只是搜索了重复的内容，我认为它就在那里，但我没有找到它，所以只需将其作为答案发布，如果其他人这样做，只需标记它即可。