Hallo,

Ik ben bezig met een simpel scriptje maar het lukt me niet. Dit komt omdat ik aan het leren ben om jquery samen met php te laten werken.

De bedoeling is:
Je hebt 2 radio buttons. Als je op een van de twee klikt moet er data worden opgehaald. (Een jaar, of Twee jaar).
Aan de hand van die informatie moet het systeem de juiste prijzen tabel pakken.

<script>
$("#pakket").on('change', function(e){ 


    $.ajax( {
        type: "POST",
        url: "setup_payment.php",
        data: $('#pakket_weergave').serialize(),
        success: function( response ) {}
    });


});
</script>


<?php


    echo $layout->h1('fa-', 'Payment', 'Selecteer methode');
    
    echo '<div class="well">
        <h1>Bedankt voor het proberen van Flexavi!</h1>
        U kunt nu uw product vast leggen!
    </div>
    
    <form method="post">
    
    Ik wil een abbonement voor:<br />
    <label><input type="radio" name="periode" value="een_jaar" id="pakket"/>&nbsp; &nbsp; 1 Jaar</label><br />
    <label><input type="radio" name="periode" value="twee_jaar" id="pakket" />&nbsp; &nbsp; 2 Jaar</label>
    
    <hr />
    
    <div class="pakket_weergave"></div>
    
    </form>';
    
?>

mijn setup_payment.php heeft dit:

<?php


    echo 'Met pakket:<br />';
    foreach($systems as $pakket => $pak){
        echo '<label><input type="radio" name="pakket" />&nbsp; &nbsp; '.$pak.' voor &euro; '.$prijzen[$_GET['periode']][$pakket].'</label> bekijk pakket opties.. <br />';
    }

Ik sta er zelf niet gek van te kijken dat dit niet werkt. Ik heb wel veel op google gezocht op andere fora na eventuele antwoorden die te vergelijken waren met mijn vraag. Daar ben ik dus NIET uitgekomen.. Omdat ik het waarschijnlijk niet goed snap.

Ook heb ik hier op ICT S een blog gevonden een soortgelijke, maar dat heeft mij niet hiermee kunnen helpen.

Nee krijg geen foutmelding.
Laurens had me wel verteld dat ik in de setup_payment.php ($_POST['']){} moet toevoegen.

Dat heb ik gedaan maar er is nog niks veranderd

Thanks to Jeffrey is het probleem verholpen.

Misschien is het handig voor anderen:

$(".pakket").on('change', function(e){ 
    console.log("PRESSS");
    $.ajax( {
	type: "POST",
	url: "../../crm-system/setup_payment.php",
	data: $('.pakket').serialize(),
	success: function( response ) {
	    console.log(response);
	    document.getElementById('pakket_weergave').innerHTML = response;
	}


    });


});

But guess what?!?...

Ik ben tegen een ander probleem aan gekomen. De AJAX Call werkt precies zoals die hoort. Nu is het alleen, de ajax call roept een tabel op. En dat is ook weer een formulier.

Dus dan heb ik een formulier , in een formulier. Hoe ga ik dat doen?

Citaat van FangorN

In jouw geval wil je een prijzentabel ophalen. Als je ervoor zorgt dat deze enkel de in te voegen formuliervelden bevat (en niet een compleet op zichzelf staand formulier) zou dit gewoon moeten werken.

Ik snap niet wat je hiermee bedoeld?

En hoe doe ik dat? want dit is voor mij de eerste keer dat ik nu een call heb gemaakt! En dan nog dankzij @J.Rijdes. Kan je misschien een voorbeeld laten zien?