我怎样才能制作一个按钮 - link，就像在 Facebook 中一样？

Question

首先，抱歉我的英语不好（我是意大利人）。
不管怎样，我正在为学校做一个网站项目，所以我使用 HTML、CSS 和 PHP 语言。
我想放置一种 按钮-link（例如 "Like" 按钮，如在 Facebook 中），但我该怎么做？
在 Facebook 中，当我点击 "Like" 时，我不会被重定向到另一个页面，所以它不可能是这样的：

<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]");
?>

但我不希望用户被重定向到页面调用 like.php，该页面调用又将用户重定向到起始页面...

我该怎么做？我怎样才能连接到数据库？
提前致谢^^

Answer 1

我无法提供代码，因为你问的太多了。我所能做的就是引导您以正确的方式获得答案。您在这里询问如何做至少 3 件不同的事情，这些事情都需要解释。因此，请查看以下内容以及它们的功能：

AJAX。这将使您的页面发送一条消息（如单击按钮进入 PHP 页面）。 PHP。您将需要它来拦截消息和 return 结果。 MySQL。您将需要它来创建 table、保存您的数据、修改您的数据以及检索数据以响应您的主页。

这是一个简单的例子： HTML 按钮按钮的图形

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

Javascript 为 AJAX

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();
    }

它的作用是，当用户单击按钮时，它会转到 link 所在的位置。但是 它也会 触发“onclick”。这会触发 Javascript。 Javascript 函数对服务器进行简单的 AJAX 调用，传入一个 ID 和一个主机。 PHP 页面知道如何处理这些参数。

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

在现实世界中，它看起来像这样：http://android.dpoisn.com/

我怎样才能制作一个按钮 - link，就像在 Facebook 中一样？

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

html

css

php

button

hyperlink