有没有办法让 span 标签执行 PHP 查询？答案

【问题标题】：Is there a way to make a span tag perform a PHP query?有没有办法让 span 标签执行 PHP 查询？
【发布时间】：2016-06-07 11:06:12
【问题描述】：

我的系统中有以下图标，点击后应该允许用户删除帖子：

<span id='remove' class='glyphicon glyphicon-remove' aria-hidden='true'></span>

单击该图标应该执行一个 PHP 查询，该查询将从表中删除该行，从数据库中删除该帖子。

但我不知道并想了解是否可以让图标执行某项操作？

【问题讨论】：

您可以将事件侦听器附加到span 以查看它何时被单击，然后调用 AJAX 请求来运行您的 PHP 查询并将结果返回到您的页面并使用它更新您需要的内容
如上所述，这样做很常见。只需要元素的一些属性值或其父级发送到服务器

标签： javascript php jquery mysql twitter-bootstrap

【解决方案1】：

过程

基本上有五个步骤：

1) 当您点击 remove 按钮时，您可以向 URL http://www.example.com/post/15 发送 HTTP 请求：

$("#remove").click(function(){
    $.ajax({
      type: "DELETE",
      url: "http://www.example.com/post/1",
      data: [],
      success: function() {
          console.log("Yey!");
      },
      dataType: "json"
    });
});

3) 在服务器上，您可以使用.htaccess 将您的所有请求转发到index.php。

4) 在index.php 中，您可以使用例如。 $_SERVER['PATH_INFO'] 知道post/15 是您的网址http://www.example.com/post/15 的最后一部分。由此，您在index.php 中的代码应该得出结论，您正在尝试对post 执行某些操作，该id 具有值为15 的id，并且从请求类型可以得出您想要删除它的结论。

5) 一旦知道这一点，您就可以从数据库中删除带有id 15 和echo 的任何您想要发回给客户的响应的帖子。

一些要检查的来源

【讨论】：

【解决方案2】：

您可以使用 javascript 将操作绑定到浏览器事件（例如“点击”）。在您的情况下，请查看 javascript 中的 onclick 事件。

使用 jQuery 可能更容易： https://api.jquery.com/click/#click-eventData-handler

然后您将需要使用 ajax 将表单提交到服务器（您的 php 脚本）。 jQuery 也为此提供了功能： http://api.jquery.com/jquery.ajax/

【讨论】：

【解决方案3】：

你可以做一个相同形式的按钮并使用css隐藏它，然后你可以在点击span标签时激活这个按钮：

HTML：

<input type="submit" id="#hiddenButton" style="display:none;"/>

jquery：

$("#remove").click(function(){
    $("#hiddenButton").click();
});

【讨论】：