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。以下是我在Firefox中按Fb调试Firebug的方法：打开firebug，然后单击Net选项卡，然后单击XHR，您将在那里看到浏览器和服务器之间传递的数据。您必须确定问题是在客户端脚本上还是在服务器端脚本上。每次发出请求时，XHR下都会显示一个新的url，点击url字符串开头的加号，在那里你可以看到Header，Post，Response，JSON，Cache和cookie选项卡，这些都是东西在浏览器和服务器之间来回传递。

“帖子”选项卡显示浏览器发送的数据，“响应”选项卡显示服务器之后发送的数据。如果您的php脚本生成了错误服务器端，那么您将在那里看到它。

Ajax脚本不会插入数据库

2 个答案: