Ajax vraag

Hey iedereen,

Ik ben bezig om ee like/dislike systeem te maken met ajax.

Bij het aanklikken van de like/dislike knop moet de functie Like worden aangeroepen. Deze stuurt het paginaID mee en 0/1 (0=like/1=dislike).

De ajax functie die ik heb wordt aangeroepen en returned geen errors en de pagina vote.php wordt ook aangeroepen.

Echter worden de votes niet in de database gezet.. Als ik de PHP functie los aanroep werkt het zonder problemen.

Mijn vraag is dus: Hoe krijg ik mijn ajax functie werkend?

Code uitlezen:

Spoiler tonen

Codeblok (voorbeeld.php):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

Codeblok (script.js):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

function Like(PageID, Vote) {
$.ajax({
type: "POST",
url: "vote.php",
cache: false,
data: "pageID=" + PageID + "&vote=" + Vote,
success: function( data ) {
console.log(-- SUCCESS --);
console.log(data);
},
error: function( data ) {
console.log(-- ERROR -- );
console.log(data);
}
});
}

En dan even je console open zetten en kijken wat daar uit komt.

Jponsen schreef:

Codeblok (script.js):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

function Like(PageID, Vote) {
$.ajax({
type: "POST",
url: "vote.php",
cache: false,
data: "pageID=" + PageID + "&vote=" + Vote,
success: function( data ) {
console.log(-- SUCCESS --);
console.log(data);
},
error: function( data ) {
console.log(-- ERROR -- );
console.log(data);
}
});
}

En dan even je console open zetten en kijken wat daar uit komt.

Bedankt voor je reactie, als ik dit uitvoer krijg ik de volgende error:

Robinkoch schreef:

Eerdere citaten tonen

Jponsen schreef:

Codeblok (script.js):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

function Like(PageID, Vote) {
$.ajax({
type: "POST",
url: "vote.php",
cache: false,
data: "pageID=" + PageID + "&vote=" + Vote,
success: function( data ) {
console.log(-- SUCCESS --);
console.log(data);
},
error: function( data ) {
console.log(-- ERROR -- );
console.log(data);
}
});
}

En dan even je console open zetten en kijken wat daar uit komt.

Bedankt voor je reactie, als ik dit uitvoer krijg ik de volgende error:

Afbeelding

Heb je jquery aangeroepen?

Stef schreef:

Eerdere citaten tonen

Robinkoch schreef:

Eerdere citaten tonen

Jponsen schreef:

Codeblok (script.js):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

function Like(PageID, Vote) {
$.ajax({
type: "POST",
url: "vote.php",
cache: false,
data: "pageID=" + PageID + "&vote=" + Vote,
success: function( data ) {
console.log(-- SUCCESS --);
console.log(data);
},
error: function( data ) {
console.log(-- ERROR -- );
console.log(data);
}
});
}

En dan even je console open zetten en kijken wat daar uit komt.

Bedankt voor je reactie, als ik dit uitvoer krijg ik de volgende error:

Afbeelding

Heb je jquery aangeroepen?

Mijn volledige code is wat in de starters post staat. De code heb ik vervangen door de code die Jponsen stuurde en daarop kreeg ik die error.

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
    function Like(PageID, Vote) {
        $.ajax({
            type: "POST",
            url: "vote.php",
            cache: false,
            data: "pageID=" + PageID + "&vote=" + Vote,
            success: function( data ) {
                console.log(-- SUCCESS --);
                console.log(data);
            },
            error: function( data ) {
                console.log(-- ERROR -- );
                console.log(data);
            }
        });
    }
    
    $([data-like]).click(function(e) {
        e.preventDefault();
        
        Like( $(this).data(id), $(this).data(like) );
    });
});
</script>

<div class="col-md-12" style="margin-top:30px;background-color:#646464;padding:30px;bottom:-124px;position:relative;">
    <button data-like="0" data-id="345">Nee</button><br />
    <button data-like="1" data-id="345">Ja</button>

    <h3 style="margin-top:0;">Was deze informatie nuttig?</h3>
</div>

Jponsen schreef:

<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
    function Like(PageID, Vote) {
        $.ajax({
            type: "POST",
            url: "vote.php",
            cache: false,
            data: "pageID=" + PageID + "&vote=" + Vote,
            success: function( data ) {
                console.log(-- SUCCESS --);
                console.log(data);
            },
            error: function( data ) {
                console.log(-- ERROR -- );
                console.log(data);
            }
        });
    }
    
    $([data-like]).click(function(e) {
        e.preventDefault();
        
        Like( $(this).data(id), $(this).data(like) );
    });
});
</script>

<div class="col-md-12" style="margin-top:30px;background-color:#646464;padding:30px;bottom:-124px;position:relative;">
    <button data-like="0" data-id="345">Nee</button><br />
    <button data-like="1" data-id="345">Ja</button>

    <h3 style="margin-top:0;">Was deze informatie nuttig?</h3>
</div>

Bedankt! Morgen ga ik de code uitproberen
toevoeging op 2 september 2016, 09:27:16:
Heel erg bedankt! Heb het eindelijk werkend