有没有办法让span标签执行PHP查询?

时间:2016-02-24 22:19:10

标签: javascript php jquery mysql twitter-bootstrap

我的系统中存在以下图标,点击后,应允许用户删除帖子:

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

然后单击该图标应执行PHP查询,该查询将从表中删除该行,从数据库中删除该帖子。

但是我不知道并且想要发现是否可以制作一个图标来执行某个动作?

3 个答案:

答案 0 :(得分:0)

你可以做的是使用相同的表格制作一个按钮并使用css隐藏它,然后你可以点击span标签激活这个按钮:

HTML:

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

Jquery的:

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

答案 1 :(得分:0)

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

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

然后你需要使用ajax将表单提交给服务器(你的php脚本)。 jQuery也为此提供了功能: http://api.jquery.com/jquery.ajax/

答案 2 :(得分:0)

过程

基本上有五个步骤:

1)点击http://www.example.com/post/15按钮后,您可以向网址remove发送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的值为15的id执行某些操作,并且从请求类型中可以得出结论你想删除它。

5)一旦你知道,你可以从数据库中删除id 15的帖子,并{@ 1}}删除你要发送回客户端的任何响应。

要检查的一些来源