我试图让我的公告框右上角有一个 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 页面,否则该脚本不起作用
最佳答案
选择 DOM 元素的 JavaScript 应该位于 ready 内当 DOM 实际准备好时函数,例如
$(document).ready(function() {
// $('#some-id') .. etc
});
.
我只是搜索了重复的内容,我认为它就在那里,但我没有找到它,所以只需将其作为答案发布,如果其他人这样做,只需标记它即可。
关于php - ajax更新mysql字段而不刷新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20083037/