jQuery ajax

biske · 18. 12. 2011.

Од скора сам почео да учим jQuery и покушавам да повучем податке из базе преко PHPa, да то убацим у низ, да проследим тај низ у виду JSON објекта, и да на другој страни преко jQuery прихватим тај JSON и проследим га методи за исцртавање графикона. Имам проблем у комуникацији jQuery - PHP, као да ми не да добар низ. У наставку је дат целокупан код.

PHP kôd:


			
<?php

    $con = mysql_connect("localhost", "root", "123456");

    if (!$con) {

        die('Could not connect:' . mysql_error());

    }

    mysql_select_db("klima", $con);

    $result = mysql_query("select Dan, Temperatura from TEMPERATURA");

    while ($row = mysql_fetch_array($result)) {

        $niz[$row['Dan']] = $row['Temperatura'];

    }

        mysql_close($con);

        $obj = json_encode($niz);

        echo $obj;

?>

HTML kôd:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Flot Examples</title>
    <link href="layout.css" rel="stylesheet" type="text/css">
    <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]-->
    <script language="javascript" type="text/javascript" src="jquery.js"></script>
    <script language="javascript" type="text/javascript" src="jquery.flot.js"></script>
    <script src="custom.js" type="text/javascript"></script>
 </head>
    <body>
    <h1>Flot Examples</h1>

    <div id="placeholder" style="width:600px;height:300px;"></div>

    <p>Simple example.</p>
 </body>
</html>

Ово ми је најпроблематичнији део:

Kôd:

$(document).ready(function () {
    var obicanNiz = [[0, 3], [4, 8], [8, 5], [9, 13]];
    
    $.post('database2json.php', function(data){
        $.plot($("#placeholder"), [obicanNiz, data]); 
    });   
});

Али ово ми само ицрта податке за obicanNiz, али не и за data.

Како да решим овај проблем? Можда нисам добро формирао низ на серверској страни?

AdriaMart · 18. 12. 2011.

Koristi google. jQueri web stranu i Q&A stockoverflow servis !

biske · 18. 12. 2011.

Хвала на одговору, просветлио си ме.

misk0 · 18. 12. 2011.

Probaj sa Firebugom vidjeti sta ti dolazi tacno preko tog poziva, sta ti vraca, da li je JSON ispravan (Firebug ima i renderovanje JSON-a).
Ili jednostavno u tom AJAX pozivu, unutar callback funkcije (function(data)
uradi
"console.dir(data)"

da vidis gdje je problem.

biske · 18. 12. 2011.

Ево како изгледа конзола у Chrome:

Мени ово изгледа логично, управо овако би и хтеo да проследим податке методи плот. Прва колона су дани од 1. до 31. а у другој колони је температура за тај дан.

Br@nkoR · 18. 12. 2011.

Pokušaj da umesto php koda:

PHP kôd:


			
$niz[$row['Dan']] = $row['Temperatura'];

staviš:

PHP kôd:


			
$niz[] = array($row['Dan'], $row['Temperatura']);

A takođe kao treći argument JavaScript (jQuery) funkcije $.post stavi vrednost 'json' kako bi znala kakve podatke da očekuje od servera.

biske · 18. 12. 2011.

Citat:

Originalno napisao Br@nkoR

Pokušaj da umesto php koda:

PHP kôd:


			
$niz[$row['Dan']] = $row['Temperatura'];

staviš:

PHP kôd:


			
$niz[] = array($row['Dan'], $row['Temperatura']);

A takođe kao treći argument JavaScript (jQuery) funkcije $.post stavi vrednost 'json' kako bi znala kakve podatke da očekuje od servera.

То је то.
Хвала Бранко, спасио си ме муке. Цео дан се вртим само око овога, тражио сам по гуглу, питао и на stackoverflow и нисам дошао до решења.
Углавном програмирам у Јави и ова синтакса PHPа и jQuery-ја ми је мало чудна, требаће ми времена да се привикнем.
Ево како сад изгледа графикон:

Хвала још једном..

18. 12. 2011.	#1
biske Иван Бишевац Qualified Datum učlanjenja: 28.08.2008 Lokacija: Зубин Поток Poruke: 176 Hvala: 109 208 "Hvala" u 18 poruka	jQuery ajax Од скора сам почео да учим jQuery и покушавам да повучем податке из базе преко PHPa, да то убацим у низ, да проследим тај низ у виду JSON објекта, и да на другој страни преко jQuery прихватим тај JSON и проследим га методи за исцртавање графикона. Имам проблем у комуникацији jQuery - PHP, као да ми не да добар низ. У наставку је дат целокупан код. PHP kôd: <?php $con = mysql_connect("localhost", "root", "123456"); if (!$con) { die('Could not connect:' . mysql_error()); } mysql_select_db("klima", $con); $result = mysql_query("select Dan, Temperatura from TEMPERATURA"); while ($row = mysql_fetch_array($result)) { $niz[$row['Dan']] = $row['Temperatura']; } mysql_close($con); $obj = json_encode($niz); echo $obj; ?> HTML kôd: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Flot Examples</title> <link href="layout.css" rel="stylesheet" type="text/css"> <!--[if lte IE 8]><script language="javascript" type="text/javascript" src="../excanvas.min.js"></script><![endif]--> <script language="javascript" type="text/javascript" src="jquery.js"></script> <script language="javascript" type="text/javascript" src="jquery.flot.js"></script> <script src="custom.js" type="text/javascript"></script> </head> <body> <h1>Flot Examples</h1> <div id="placeholder" style="width:600px;height:300px;"></div> <p>Simple example.</p> </body> </html> Ово ми је најпроблематичнији део: Kôd: $(document).ready(function () { var obicanNiz = [[0, 3], [4, 8], [8, 5], [9, 13]]; $.post('database2json.php', function(data){ $.plot($("#placeholder"), [obicanNiz, data]); }); }); Али ово ми само ицрта податке за obicanNiz, али не и за data. Како да решим овај проблем? Можда нисам добро формирао низ на серверској страни? Priloženi thumbnailovi

18. 12. 2011.	#2
AdriaMart expert Expert Datum učlanjenja: 15.03.2011 Poruke: 518 Hvala: 16 20 "Hvala" u 17 poruka	Koristi google. jQueri web stranu i Q&A stockoverflow servis ! __________________ I'm not sexy and I know IT!

18. 12. 2011.	#4
misk0 majstor Wrote a book Datum učlanjenja: 30.01.2006 Lokacija: Lugano - Switzerland Poruke: 1.251 Hvala: 219 106 "Hvala" u 67 poruka	Probaj sa Firebugom vidjeti sta ti dolazi tacno preko tog poziva, sta ti vraca, da li je JSON ispravan (Firebug ima i renderovanje JSON-a). Ili jednostavno u tom AJAX pozivu, unutar callback funkcije (function(data) uradi "console.dir(data)" da vidis gdje je problem. __________________ @Twitter

18. 12. 2011.	#5
biske Иван Бишевац Qualified Datum učlanjenja: 28.08.2008 Lokacija: Зубин Поток Poruke: 176 Hvala: 109 208 "Hvala" u 18 poruka	Ево како изгледа конзола у Chrome: Мени ово изгледа логично, управо овако би и хтеo да проследим податке методи плот. Прва колона су дани од 1. до 31. а у другој колони је температура за тај дан. Priloženi thumbnailovi

18. 12. 2011.	#6
Br@nkoR banned Professional Datum učlanjenja: 04.06.2005 Poruke: 371 Hvala: 0 738 "Hvala" u 83 poruka	Pokušaj da umesto php koda: PHP kôd: `$niz[$row['Dan']] = $row['Temperatura'];` staviš: PHP kôd: `$niz[] = array($row['Dan'], $row['Temperatura']);` A takođe kao treći argument JavaScript (jQuery) funkcije $.post stavi vrednost 'json' kako bi znala kakve podatke da očekuje od servera. __________________ Don't look at me; I'm lost too. “If you can't dazzle them with brilliance, baffle them with bulst.” Poslednja izmena od Br@nkoR : 18. 12. 2011. u 21:52.*