Ajax 脚本不插入数据库

Question

我正在尝试使用 ajax 交朋友系统和添加朋友。问题是当我点击按钮时没有任何反应。不向数据库中插入任何内容。所以这是按钮

<a href="javascript:;" class="newFriend has-tooltip pull-right" data-title="Add as friend" id="'.$id.'"" ><i class="fa fa-user"></i> Add as friends </a>

这是add_friend.php

include 'database.php';
$pdo = Database::connect(); 

if(!empty($_POST["id"])) {

    $friend_id = $_POST['id'];             
    $id = $_SESSION['id'];   

            $value = $pdo->prepare('SELECT * FROM user_friends WHERE friend_id= ? and id = ?'); // BDD query, page ID values
            $value->bindParam(1, $friend_id, PDO::PARAM_INT);
            $value->bindParam(2, $id, PDO::PARAM_INT);              
            $value->execute();
            $result = $value->fetch();    

if( $result > 0) {
        echo 'already added';           
}
else 
{
    $friend_id = $_POST['id'];             
    $id = $_SESSION['id']; 

    $query = $pdo -> prepare("INSERT INTO user_friends (friend_id, id)
                            VALUES (:friend_id, :id)");   
    $query -> execute(array(
                      ":friend_id"         => $friend_id,
                      ":id"          => $id
    ));     
}

还有这个

<script>    

$(document).ready(function(){
$('.newFriend', $('.buttons')).click(function(){
    $.post('misc/add_friend.php', 
    { 
        "id": $(this).attr('id'),
    },
    function(data){
        if(data == 0){
            $('#message_newfriend').html('<div id="alertFadeOut" style="color: green">Added as friend!</div>');
             $('#alertFadeOut').fadeOut(3000, function () {
                $('#alertFadeOut').text('');
             }); 
        }
        else {
             $('#message_newfriend').html('<div id="alertFadeOut" style="color: green">User is already in your friend list!</div>');
             $('#alertFadeOut').fadeOut(3000, function () {
                $('#alertFadeOut').text('');
             }); 
        }
     });
});
});
</script>

表格很简单 user_friends - 几行 - friend_id (int 4) 和 id (int 4)

知道可能是什么问题吗？

Answer 1

这一行是错误的

$('.newFriend', $('.buttons')).click(function(){
               ^            ^// wrong method

改成，

$('.newFriend, .buttons').click(function(){

Answer 2

首先选择一个浏览器来测试您的 ajax 调用。带有 Firebug 插件的 Google Chrome 或 Firefox 都不错。我的首选是火狐。 这是我在 Firefox 中按 F12 使用 Firebug 进行调试的方法： firebug 打开然后单击 Net 选项卡，然后单击 XHR，您将看到在浏览器和服务器之间传递的数据。 您必须确定问题出在客户端脚本还是服务器端脚本上。 每次发出请求，XHR下都会显示一个新的url，点击url字符串开头的加号，可以看到Header，Post，Response，JSON，Cache和cookie选项卡，这些都是东西在浏览器和服务器之间来回传递。

Post 选项卡显示浏览器发送的数据，Response 选项卡显示服务器随后发送的数据。 如果服务器端出现错误，由您的 php 脚本生成，您会在那里看到。