添加好友 Ajax，然后更改为好友请求 - Add friend Ajax then change to friend requested

Add friend Ajax then change to friend requested

我有一个按钮，可以使用Ajax将数据发送到数据库。但是，一旦发送此数据，我将如何将此按钮更改为自动请求的朋友？

我会把我的朋友请求/撤销按钮放在成功中来替换它吗？

"添加好友"按钮

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

阿贾克斯

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

您可以在数据库的帮助下执行此操作。目标用户 ID 可以附加到此用户数据库或表。如果找到匹配的用户 ID，则可以使用 php 进行类回显。可以使用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;
}