login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Doorgeef probleem variabele (Opgelost)

Offline nonkeldw - 28/07/2010 12:11
Avatar van nonkeldwNieuw lid Hoi,

Ik heb een tijd geleden een website opgezet om het berekenen van punten en dergelijke gemakkelijk te laten verlopen.

Nu wil ik het volgende ontwikkelen maar weet niet goed hoe te doen.

Een kleine omschrijving:

Ik heb 4 inputvelden waar numerieke waardes komen in te staan.
Deze 4 variabele worden gepost (als er gesubmit wordt) en door een database getrokken en zo worden er punten gegeven die in overeenstemming zijn met de waarde.

Nu voor het tegen gaan van fouten hadden we het volgende gewild.
Elke keer als er een inputveld ingevuld (zonder te submitten dus laat ons zeggen een onChange)is deze waarde door de database te trekken.
En de overeenkomstige punten te tonen op het scherm.
Zo valt het direct op wanneer er iet verkeerd is ingegeven.

Ik dacht nu direct aan Javascript maar al snel kwam ik er achter dat dit niet kon...
aangezien ik er niet in slaag om 4 variabele gelijktijdig door te geven met de instructie onChange.
En dit te “exporteren” naar PHP. Om er zo de nodige testen op te doen (door de database halen).
Na wat zoeken op internet zou dit wel kunnen met AJAX, alleen heb ik hier geen kaas van geten.
Willen jullie mij hier bij helpen?
Zodanig dat er bij een onchange van een inputveld, de waarde word doorgegeven en door de database word getrokken.
Het zou prachtig zijn als ik de waarde van de inputvelden, in array formaat zou kunnen binnenkrijgen de rest lukt me wel om zelf ingang te krijgen.

Alvast bedankt

20 antwoorden

Gesponsorde links
Offline Martijn - 28/07/2010 12:45
Avatar van Martijn Crew PHP mja, ajax is the way. Alhoewel JSON het misschien ook kan, daar zou je eerst even naar moeten kijken

Dan terug naar ajax, zoek op internet een voorbeeld op en pas die aan. T is wat ingewikkeld en je kunt ook met jQuery gaan werken, maar dan is er een heel javascript framework voor alleen de ajax functie (al zou je waarschijnlijk meer en meer functies gaan gebruiken)
Offline nonkeldw - 28/07/2010 14:59 (laatste wijziging 28/07/2010 15:04)
Avatar van nonkeldw Nieuw lid Ik eerlijk gezegt geen idee hoe een AJAX functie er moet uit zien...
Of hoe dit noemt in de wereld van AJAX...

En het probleem is binnen 2 weken wordt de website ingebruik gesteld.
Dit gaat enkel maar om het gebruikers gemak te verhogen, maar het zou toch een meerwaarde geven naar fouten toe...

Hebben jullie een link?

Dit heb ik gevonden: http://www.openjs.com/scripts/jx/demo.php
maar hoe aante passen naar mijn toepassing?
Offline cyberninjah - 28/07/2010 15:09
Avatar van cyberninjah Lid Kijk is naar Jquery

Die heeft een mooie Ajax functie erg simpel te gebruiken en kan er goed mee maken wat je wil.
Offline nonkeldw - 28/07/2010 16:30
Avatar van nonkeldw Nieuw lid Bedankt!

Dit zet me al een eind opweg...

Nu, hoe kan ik van een javascript variabelen een php variabelen maken?
Offline Martijn - 28/07/2010 16:33
Avatar van Martijn Crew PHP door is de ajasxfunctie van jquery te bekijken
Offline nonkeldw - 28/07/2010 17:00
Avatar van nonkeldw Nieuw lid ik kan de andere methode wel toepassen...
van php naar javascript.

maar van javascript naar php lukt me echter niet...
Hoe gaan ze te werk?
Offline Martijn - 28/07/2010 17:06
Avatar van Martijn Crew PHP
  1. // Example: Save some data to the server and notify the user once it's complete.
  2.  
  3. $.ajax({
  4. type: "POST",
  5. url: "some.php",
  6. data: "name=John&location=Boston",
  7. success: function(msg){
  8. alert( "Data Saved: " + msg );
  9. }
  10. });


t staat er gewoon hoor, hoe je data naar php krijgy
Offline nonkeldw - 28/07/2010 17:21
Avatar van nonkeldw Nieuw lid Bedankt.

Maar het werkt hier niet...
Ik krijg in men $_POST variable niets te zien...

Alles moet aangepast worden zonder dat de pagina terug vernieuwd wordt.
Offline gnotrgnotr - 28/07/2010 22:39
Avatar van gnotrgnotr Nieuw lid is hij wel goed beveiligd?
Offline nonkeldw - 29/07/2010 09:30
Avatar van nonkeldw Nieuw lid Ja...

Heeft dit dan iets te maken met dit stukje AJAX?
Offline cyberninjah - 29/07/2010 09:35
Avatar van cyberninjah Lid 1). Je heb de jquery lib gelinkt aan je file waar je de ajax functie gebruikt ?
2). op de some.php pagina doe je print_r($_POST);
3). Tip: gebruik FireFox met firebug
Offline nonkeldw - 29/07/2010 09:44 (laatste wijziging 29/07/2010 10:08)
Avatar van nonkeldw Nieuw lid
  1. <script src="http://code.jquery.com/jquery-latest.min.js">
  2. $.ajax(
  3. {
  4. type: "POST",
  5. url: "ajax.php",
  6. data: "name=John&location=Boston",
  7. success: function(msg){
  8. alert( "Data Saved: " );
  9. }
  10. }
  11. );
  12. </script>

Dit stukje code heb ik geplaatst om de variabelen door te geven... Zonde succes
Of ga ik hier al de mist in?
Offline Martijn - 29/07/2010 11:08
Avatar van Martijn Crew PHP staat ajax.php in een map ofzo? Je moet denken vanuit je index pagina. Verder, ajax.php geeft wat html? Anders gewoon even iets van 'adasdasd' neerzetten
Offline cyberninjah - 29/07/2010 14:10
Avatar van cyberninjah Lid ik mis $document.ready
Offline nonkeldw - 30/07/2010 19:55 (laatste wijziging 30/07/2010 20:18)
Avatar van nonkeldw Nieuw lid Ik ken dus niets van AJAX tot men spijt.

De file ajax.php staat in de zelfde "map" als waar de file staat waar hij word aangeroepen.

Hoe moet men file eruit zien? om AJAX de variable laten door te geven?

Hebben jullie een klein werkend voorbeeld?
Offline lemoinet - 30/07/2010 20:11 (laatste wijziging 30/07/2010 20:11)
Avatar van lemoinet PHP gevorderde je moet eerst je javascript inladen en dan pas de functie. en dan moet je de ajax-functie nog aan je form hangen

zo dus:
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  2. <script type="text/javascript">
  3. //<![CDATA[
  4. $(document).ready(function(){
  5. $("form").submit(function() {
  6. $.ajax(
  7. {
  8. type: "POST",
  9. url: "ajax.php",
  10. data: "name=John&location=Boston",
  11. success: function(msg){
  12. alert( "Data Saved: " );
  13. }
  14. }
  15. );
  16. return false;
  17. });
  18. });
  19. //]]>
  20. </script>


PS: spijd   
Offline nonkeldw - 30/07/2010 20:15
Avatar van nonkeldw Nieuw lid ik haal de data op via een functie
  1. function displayVals(id) {...}


hoe moet ik dit verwerken met dit stukje code?
Offline TotempaaltJ - 31/07/2010 10:15 (laatste wijziging 31/07/2010 10:15)
Avatar van TotempaaltJ PHP interesse
lemoinet schreef:
en dan moet je de ajax-functie nog aan je form hangen

Nee, dit is niet wat hij wil. Hij wil op een onchange. ;)
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  2. <script type="text/javascript">
  3. $(document).ready(function(){
  4. $("#form > input").change(function() {
  5. x = displayVals($(this).attr('id')); // Zoiets. :P
  6.  
  7. $.ajax({type: "POST",
  8. url: "ajax.php",
  9. data: "val=" + x,
  10. success: function(data) {
  11. // Doe hier iets met data, wat is teruggegeven.
  12. }
  13. });
  14. });
  15. });
  16. </script>


Ongeveer. Kan iets niet in kloppen
Offline Ergmh - 01/08/2010 12:28
Avatar van Ergmh Nieuw lid Als je de data op die manier doorgeeft, komt ze in je PHP script in de $_GET variabele denk ik. Heb je al eens print_r($_GET) geprobeerd in je PHP script?
Offline nonkeldw - 03/08/2010 22:12 (laatste wijziging 03/08/2010 22:12)
Avatar van nonkeldw Nieuw lid Het probleem dat ik nu nog heb is dat geen variable op mijn .php pagina krijg

ik doe daar een:
  1. print_r($_POST);
  2. print_r($_GET);

in fire bug krijg ik wel alles mooi te zien...

  1. $.post("ajax.php", data , function(response){
  2. console.log(response);
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.21s