我试图这样做,当我点击一个跨度图标时,它会将article_id发送到我的php sql页面,删除我的文章,我使用jQuery Ajax发送id,id在jQuery端发送正常但是之后http post请求完成后我的表行仍然存在,任何人都可以看到我的代码是否有问题,提前谢谢！

$sql_categories = "SELECT art_id, art_title, art_company, art_cat_id, art_sta_id, art_date, art_rating, art_price, cat_id, cat_name, sta_id, sta_name

FROM app_articles LEFT JOIN app_categories

ON app_articles.art_cat_id = app_categories.cat_id

LEFT JOIN app_status

ON app_articles.art_sta_id = app_status.sta_id

ORDER BY art_order ASC";

if($result = query($sql_categories)){

$list = array();

while($data = mysqli_fetch_assoc($result)){

array_push($list, $data);

}

foreach($list as $i => $row){

?>

}

}

else {

echo "FAIL";

}

?>

jQuery

$(document).ready(function(){

$(".trash").click(function(){

var del_id = $(this).attr('id');

$.ajax({

type:'POST',

url:'ajax-delete.php',

data: 'delete_id='+del_id,

success:function(data) {

if(data) {

}

else {

}

}

});

});

});

PHP mySQL Statement

if(isset($_POST['delete_id'])) {

$sql_articles = "DELETE FROM app_articles WHERE art_id = ".$_POST['delete_id'];

if(query($sql_articles)) {

echo "YES";

}

else {

echo "NO";

}

}

else {

echo "FAIL";

}

?>

解决方法:

您的行仍然存在的原因,因为AJAX调用不会刷新页面.如果你想删除你的行,你必须做类似的事情：

假设您的跨度点击事件在行内

$(".trash").click(function(){

var del_id = $(this).attr('id');

var rowElement = $(this).parent().parent(); //grab the row

$.ajax({

type:'POST',

url:'ajax-delete.php',

data: {delete_id : del_id},

success:function(data) {

if(data == "YES") {

rowElement.fadeOut(500).remove();

}

else {

}

}

});

更换：

data: 'delete_id='+del_id,

有：

data: delete_id : del_id,

标签：php,jquery,ajax,post,mysqli

来源： https://codeday.me/bug/20191005/1855003.html