login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Jquery/$.getJson

Offline eques - 26/05/2009 17:19 (laatste wijziging 26/05/2009 22:20)
Avatar van equesNieuw lid Hallo,

Ik ben op zoek naar een eenvoudig voorbeeld van jquery/getJson gecombineerd met een PHP bestandje. Ik ben al de hele dag zelf aan het proberen maar ik bak er niet veel van.

Het ultieme doel is een inputveldje: ik typ een code, er word een prijs opgehaald en een tabelrij aangemaakt (zeg maar soort kasticketje)

Mijn doel nu:
bij document.ready tabel generern met alle prijzen in de DB (should be easy to do right?:s)

ik heb hetvolgende:
html-document:
  1. <!DOCTYPE HTML>
  2.  
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>JSONP getJSON Jquery cross domain example</title>
  6.  
  7. <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript">
  8. </script>
  9.  
  10.  
  11.  
  12. $(document).ready(function() {
  13.  
  14. $.getJSON("search.php?jsoncallback=?",
  15. function(data){
  16. $.each(data, function(i,output){
  17. alert(output);
  18. var tblRow =
  19. "<tr>"
  20. +"<td>"+ data.name +"</td>"
  21. +"</tr>"
  22. $(tblRow).appendTo("#prijslijst tbody");
  23. });
  24. });
  25. });
  26.  
  27. </head>
  28.  
  29.  
  30. <table id="prijslijst" border="1">
  31. <th>Naam</th>
  32. </thead>
  33. </table>
  34.  
  35.  
  36. </body>
  37. </html>


PHP-document
  1. <?
  2. error_reporting('E_ALL');
  3. $link = mysql_connect('localhost', 'root', '') or die(mysql_error());
  4. //WHERE naam = '".$_POST['naam']."'
  5.  
  6. /*
  7. $data = '{"name" : "10 euro"} ';
  8. echo $_GET['jsoncallback'] . '(' . $data . ');';
  9. */
  10.  
  11.  
  12. error_reporting('E_ALL');
  13. $link = mysql_connect('localhost', 'root', '') or die(mysql_error());
  14. //WHERE naam = '".$_POST['naam']."'
  15.  
  16. $result = mysql_query("SELECT id, prijs, naam FROM kopers" ) or die(mysql_error());
  17. $data = array();
  18.  
  19. while ($row = mysql_fetch_array($result, MYSQL_NUM)) {
  20. $data_row = array
  21. (
  22. 'id' => $row[0],
  23. 'product_prijs' => $row[1],
  24. 'name' => $row[2]
  25. );
  26. // array in array maken gelijk met talenbestand, en de key van de hoofdarray prijzen noemen
  27. $data['prijzen'][] = $data_row;
  28. }
  29. //print json_encode($data);
  30. echo $_GET['jsoncallback'] . '(' . json_encode($data) . ');';
  31.  
  32.  
  33. ?>


Ik zie niet wat ik fout doe, ik krijg bij men alert (object ocbject, object object ...) en in men tabel krijg ik één rij met 'undefiend' in iemand een idee?

EDIT
het php bestandje geeft volgende output:

({"prijzen":[{"id":"1","product_prijs":"10","name":"a"},{"id":"2","product_prijs":"5","name":"b"},{"id":"3","product_prijs":"22","name":"c"}]});

EDIT2

ik heb het gevonden, al die uren waren dan toch niet voor niets. jammer dat achter gezien deze manier niet erg performant is wnr je met grote DB zit. Maar goed, weer wat bijgeleerd vandaag

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.177s