繁体   English   中英

如何像在Facebook中一样建立按钮链接?

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


首先,对不起我的英语不好(我是意大利语)。
无论如何,我正在为学校制作一个网站项目,所以我在使用HTML,CSS和PHP语言。
(for example the "Like" one, as in Facebook) but how can I do it? 我想放置一种 (例如Facebook中的“ Like” ),但是我该怎么做呢?
在Facebook中,当我单击“赞”时,不会将我重定向到另一个页面,因此它不能是:

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

实际上,我希望用户位于同一页面的同一位置
): 我以为我可以写这样的东西(我称这个文件为 ):

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

which redirect, in turn, the user at the beginning page... 但是我不希望用户被重定向到像这样的页面调用,该页面调用用户重定向到面上。

我该怎么做? 以及如何连接数据库?
在此先感谢^^

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

AJAX 这将使您的页面发送消息(例如单击按钮到PHP页面)。 PHP 您将需要它来拦截消息并返回结果。 MySQL的 您将需要使用它来创建表,保存数据,修改数据以及检索数据以返回首页。

这是一个简单的示例:buttonbutton的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函数通过传递ID和主机对服务器进行简单的AJAX调用。 PHP页面知道如何处理这些参数。

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM