php - 使用 Javascript 提交值

Question

我坚持使用以下功能:

<script type="text/javascript">
function removeElement($parentDiv, $childDiv){


     if (document.getElementById($childDiv)) {    
          var child = document.getElementById($childDiv);
          var parent = document.getElementById($parentDiv);
          parent.removeChild($child);
     }
}
</script>

<a href=\"javascript:;\" onClick=\"removeElement('$parent','$child');\">x</a>

此函数删除一个子元素及其内容，这在客户端非常有用!但是我想在同一个实例中将一个值传递给服务器，因此元素的内容也可以从 mysql 数据库中删除。我不知道该怎么做，所以非常感谢任何建议!

注意:$child 和 $parent 是在 php 文件中生成的字符串，我用它来给每个元素一个唯一的 ID。

Answer 1

为了让您的生活更轻松，请使用 jQuery 或类似的框架。以下是您在 jQuery 中的做法:

$(function() {
    $('.delete').click(function() {
        var link = $(this);
        var id = link.attr('id').replace('element_', '');
        $.ajax({
            url: 'handler.php',
            data: {
                element: id
            },
            type: 'post',
            success: function() {
                link.remove();
                // Or link.closest('tr').remove() if you want to remove a table row where this link is
            }
        });
        return false;
    });
});

HTML:

<a href="#" class="delete" id="element_20">Remove</a>

和 handler.php:

mysql_query("DELETE FROM `table` WHERE id = '".mysql_real_escape_string($_POST['element'])."'");

永远记住对数据库输入进行转义!

如果您像您所说的那样完全是菜鸟，您可能不会理解所有这些内容，因此我建议您阅读一些有关 jQuery 的 AJAX 功能以及使用 jQuery 或类似 JavaScript 框架进行整体开发的内容。