添加朋友Ajax然后更改为要求的朋友

时间:2012-08-11 15:23:51

标签: php javascript jquery ajax

我有一个按钮,使用Ajax将数据发送到数据库。但是,一旦通过这些数据发送,我将如何将此按钮更改为自动请求的朋友?

我会将我的朋友请求/撤销按钮取代成功吗?

添加好友按钮

<button cursor='pointer' onClick=\"addfriend(".$user2_id.");\">Add Friend</button>

AJAX

function addfriend(user2_id){   
$.ajax({
   type: "POST",
   url: "../add_friend.php",
   data: "user2_id="+user2_id,
   success: function(){
   }
 });
}

1 个答案:

答案 0 :(得分:1)

您可以借助数据库执行此操作。目标用户标识可以附加到此用户数据库或表。如果找到匹配的用户id,则可以使用php进行类echo。可以使用php echo为该按钮指定一个特定的班级,并且可以使用CSS对该按钮进行不同的样式设置。您也可以禁用该按钮的AJAX请求(通过仅为某些活动类按钮指定AJAX函数)。

试试这个;

在你的php;

<?php
// if request not sent: $addfunction  = 'onClick=\"addfriend(".$user2_id.");\"'; AND $addbuttonclass = "active";
// if request sent: $addbuttonclass = "inactive";
?>

并在按钮部分;

<button class="<?php echo $addbuttonclass; ?>" <?php echo $addfunction; ?>\">Add Friend</button>

最后你的CSS

.active{
cursor: pointer;
background-color: #0066CC;
}
.inactive{
background-color: #EEEEEE;
}