html中ajax删除数据,如何使用AJAX删除HTML行并从MySQL数据库中删除条目？

我目前使用HTML，PHP，Javascript和AJAX的组合来创建一个HTML，从MySQL数据库中的一个表中填充它，然后添加一个表格的内部以同时删除该行，并从MySQL数据库中删除条目。这是我目前有：如何使用AJAX删除HTML行并从MySQL数据库中删除条目？

echo '

Tags	Delete Tag

$iter = 0;

$rows = $statement->fetchAll(PDO::FETCH_ASSOC);

foreach($rows as $row) {

echo "

";

echo "

" . $row['name'] . "";

echo "

";

echo "Delete";

echo "

";

}

?>

现在我想要做的是功能添加。点击()，以删除按钮，但我坚持，因为我想用下面的JavaScript删除行：

function deleteTag(btn) {

var row = btn.parentNode.parentNode;

row.parentNode.removeChild(row);

}

但我也需要删除MySQL数据库中的相应条目，要求PHP(我不能在JavaScript文件中使用)。如果有人对如何完成这些事情有一个可能的解决方案或想法，我会非常感激。

感谢您的任何帮助。

编辑1.我的PHP代码：οnclick=removeTag(this)：

$db = new PDO('my info here bla bla bla');

$query = "DELETE FROM Tags WHERE name=" . $_POST['name'];

$db->exec($query);

$db = null;

?>

2016-08-11

Peter

+1

首先你要想要修正标记。您正在添加具有相同'id'值的多个元素，这是无效的。除了什么之外，你问的基本上是如何使用AJAX。您不要“在JavaScript中使用PHP”，而是向服务器上的PHP脚本发出AJAX请求，该脚本将从数据库中删除。有许多AJAX教程可以帮助您入门。你用jQuery标记了这个问题，它有很多简单的AJAX操作的例子。 –

+0

您已经命名了您的解决方案(AJAX)，或者如果您使用普通js，只需使用XMLHttpRequest。您调用的PHP代码只需将SQL语句发送到MySQL服务器即可。 XMLHttpRequestexample：http://www.w3schools.com/ajax/ajax_php.asp SQL/PHP - 示例：http://www.w3schools.com/php/php_mysql_delete.asp –