我如何制作按钮链接,就像在Facebook中一样


How can I make a button-link, as Like in Facebook?


首先,很抱歉我的英语不好(我是意大利人)
无论如何,我正在为学校做一个网站项目,所以我使用HTML、CSS和PHP语言
我想放一种按钮链接(例如Facebook中的"点赞"链接),但我该怎么做呢
在Facebook上,当我点击"点赞"时,我不会被重定向到另一个页面,所以它不可能是这样的:

<a href="like.php">Like</a>

事实上,我希望用户在同一页面的同一位置
我想我可以写这样的东西(我会把这个文件称为home.php):

<a name="5">
<a href="like.php?position=5&user=Paul>Like</a>

所以,我会用PHP写一些类似的东西:

<?php
  // Database connection 
  // Adding a like in database. The user who liked the object is in $_GET['user'] 
  // ...
  header("location:home.php#$_GET[position]");
?>

但我不希望用户被重定向到像.php这样的页面调用,该调用反过来重定向位于起始页面的用户

我该怎么做?如何连接到数据库
提前感谢^^

我无法提供代码,因为您的要求太高了。我所能做的就是引导你找到正确的答案。你在问如何做至少3件不同的事情,这些都需要解释。因此,请查看以下内容,以及它们的功能:

AJAX。这将让你的页面发送一条消息(就像点击PHP页面的按钮一样)。PHP。您将需要这个来拦截消息并返回结果。MySQL。您将需要它来创建一个表,保存您的数据,修改您的数据和检索数据以响应主页面。

下面是一个简单的例子:按钮的HTML图形

<a href="link.php" target="_blank"><img src="button.png" alt="playButton" border="0" onclick="countClick('1','Google')"></a>

AJAX 的Javascript

function countClick(id,host) {
      var xhttp = new XMLHttpRequest();
      xhttp.onreadystatechange = function() {
        if (xhttp.readyState == 4 && xhttp.status == 200) {
         //document.getElementById("demo").innerHTML = xhttp.responseText;
        }
      };
      xhttp.open("GET", "/includes/appCounter.php?appid="+ id +"&hostIs="+ host, true);
      xhttp.send();
    }

这样做的目的是,当用户点击按钮时,它会转到那里的任何链接。但是它也触发"onclick"。这将启动Javascript。Javascript函数对服务器进行简单的AJAX调用,传递一个ID和一个Host。PHP页面知道如何处理这些参数。

在这种情况下,页面甚至不需要关心响应。它发生在后台。最后,我数据库中的一个计数器被更新,让我知道他们点击了那个按钮。

在现实世界中,它看起来是这样的:http://android.dpoisn.com/