Ga naar inhoud
Log in om dit te volgen  
robinkoch

Ajax vraag

Aanbevolen berichten

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:
Klik om de spoiler te openen

Deel dit bericht


Link naar bericht
Delen op andere sites
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.

Deel dit bericht


Link naar bericht
Delen op andere sites
Jponsen (link):
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:

Plaatje

Deel dit bericht


Link naar bericht
Delen op andere sites
Robinkoch (link):
Jponsen (link):
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?

Deel dit bericht


Link naar bericht
Delen op andere sites
Stef (link):
Robinkoch (link):
Jponsen (link):
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.

Deel dit bericht


Link naar bericht
Delen op andere sites
Codeblok:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<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>

Deel dit bericht


Link naar bericht
Delen op andere sites
Jponsen (link):
Codeblok:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<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 uitproberensmiley


toevoeging op 2 september 2016, 09:27:16:
Heel erg bedankt! Heb het eindelijk werkendsmileysmiley

Deel dit bericht


Link naar bericht
Delen op andere sites

Maak een account aan of log in om te reageren

Je moet lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Maak een account aan in onze gemeenschap. Het is makkelijk!

Registreer een nieuw account

Aanmelden

Ben je al lid? Meld je hier aan.

Nu aanmelden
Log in om dit te volgen  

×