如何在Facebook中创建按钮链接?

时间:2016-04-02 20:48:52

标签: php html css button hyperlink


首先,抱歉我的英语不好(我是意大利语) 无论如何,我正在为学校制作一个网站项目,所以我使用HTML,CSS和PHP语言。
我想提出一种按钮链接(例如" 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 ,反过来又会在开始页面重定向用户...
<登记/> 我该怎么做?我该如何连接数据库?
在此先感谢^^

1 个答案:

答案 0 :(得分:3)

我无法提供代码,因为您提出的问题太多了。我能做的就是引导你找到答案的正确方法。 你在这里询问如何做至少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();
    }

这样做,当用户点击按钮时,它会转到那里的任何链接。但会触发&#34; onclick &#34;。这会触发Javascript。 Javascript函数对服务器进行简单的AJAX调用,传入ID和主机。 PHP页面知道如何处理这些参数。

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

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