如何在我的网站上添加Follow-UnFollow按钮?

时间:2015-11-03 23:01:03

标签: javascript php jquery html mysql

我想在我的网站上创建一个按钮,以便用户可以点击关注或取消关注某个游戏。

这是我的关注表: Follow Button Table

当用户点击与游戏ID相关联的按钮时,它应该在game_follow数据库中插入1以获取该ID。

(我已经有一个游戏和用户表,我知道如何获取每个ID)

我知道这是一个广泛的问题,但也许有人可以指出我正确的方向,或者向我展示另一个教程。

编辑: 到目前为止这是行不通的:

继承我的按钮:

>e
Room1
There is a letter here.
You hear a loud noise in the distance!

继承我的ajax电话:

<button class="follow-game" data-game_id="<?php echo $game_id['id']; ?>">Follow!</button>

这是我的follow.php

$(function(){
		$('.follow-game').click(function(){
			follow_game(this);
		});
	});

	function follow_game(obj){
		var game_id = $(obj).attr('data-game_id');

		jQuery.ajax({
			url: 'follow.php',
			type: 'POST',
			data: { game_id : game_id },
			success: function(data) {
				alert("You Followed!");
			},
			error: function () {
				alert("Something went wrong with Follow Button.");
			}
		});

	}

我的表格是上面的图片链接

1 个答案:

答案 0 :(得分:1)

绝对是一个广泛的问题,所以,广泛的答案:

我的建议是将一个javascript监听器附加到该按钮,该监听器将调用运行php脚本的ajax函数,执行mysql查询以相应地更新数据库。

对于html:

<button class="follow-game" data-game_id="1">Follow!</button

对于javascript :( jquery是我的首选,所以这是我的榜样)

$(function(){
   $('.follow-game').click(function(){
      follow_game(this);
   });
});
function follow_game(obj){
game_id = $(obj).attr('data-game_id');

$.ajax({
  url: '/follow.php',
  type: 'POST',
  dataType: 'json',
  data: {
    game_id : game_id
  },
  success: function(rs){
    alert("yay");
  }
});

}

对于PHP / MYSQL:

$user_id = $_SESSION['user_id'];
$game_id = $_POST['game_id'];
$sql = "UPDATE `game_follows` SET follow = 1 WHERE user_id='{$user_id}' AND $game_id='{$game_id}'";

然后使用您正在使用的任何mysql连接/方法运行sql。 当然,这根本不考虑安全性等,但是一旦你掌握了基本功能就会担心。