Skocz do zawartości

Witaj na forum webmasterów Webax.pl.

Wyświetl nową zawartość

jak połączyć jquery z php?

- - - - -

  • Zaloguj się, aby dodać odpowiedź
5 odpowiedzi w tym temacie
gieru
gieru

    Żółtodziób

  • Użytkownik
  • Pip
  • 1 postów
#1

Napisano 09 maj 2013 - 10:05

Cześć mam mały problem. Mianowicie mam tablice w php i musze z niej generować wykres z wtyczki jQuery

<!DOCTYPE html><html><head>    <meta charset="utf-8">    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>    <script src="http://code.highcharts.com/highcharts.js"></script>    <script src="http://code.highcharts.com/modules/exporting.js"></script>    <script type="text/javascript"></script>    <script>        $(function(){            var chart;             var categories = <?php echo "['09.04.2013']"; ?>;            var series = [                          {                                                  name: "Artur",                              data: [34]                         },                         {                                                  name: "Pawel",                             data: [56]                         },                         {                                                  name: "Adam",                              data: [90]                         }                                        ];            $(document).ready(function(){                chart = new Highcharts.Chart({                     chart: {                            renderTo: 'container',                         type: 'column',                        marginRight: 130,                        margintBottom: 25,                    },                    title: {                         text: "Ilość zamówien przez użytkownika",                        x: -20                    },                    xAxis: {                        title:{                        text: 'Data'                        },                        categories: categories,                    },                    yAxis: {                         title:{                            text: 'Ilość paczek'                    },                    plotLines: [{                         value: 0,                        width: 1,                        color: '#808080'                        }]                    },                    tooltip: {                        formatter: function(){                            return '<b>'+ this.series.name +'</b><br/>'+this.x+': '+this.y+'szt.';                        }                    },                    legend: {                         layout: 'vertical',                        align: 'right',                        verticalAlign: 'top',                        x: -10,                        y: 100,                        borderWidth: 0                    },                    series: series                });            });        });                    console.log();    </script></head><body><h1>Statystyki</h1><?php     $sql = 'SELECT COUNT(o.id_orders) AS "ilosc", name_user AS "uzytkownik"                                 FROM przesylaj_orders o, przesylaj_users p                                WHERE o.id_users != 0                                 AND o.id_users = p.id_users                                GROUP BY o.id_users                                ORDER BY ilosc DESC';        $result = GetAll($sql);        print_r($result);?><form method="POST" action="#"><table class="tabelka">    <tr>        <td>Lp</td>        <td>Użytkownik</td>        <td>Ilość</td>    </tr>    </table></form></body></html>

 

 

jak zrobić by tabela która zawiera "x" użytkowników i "y" ich zakupów generowała wykres ?(po kupieniu automatycznie na wykresie z np. 20  robiło 21 zakupów, ale chyba wiecie o co chodzi :) ) Bardzo proszę o pomoc. Nie umiem sobie z tym poradzić.


  • 0

OwocniPomocni
OwocniPomocni

    Początkujący

  • Użytkownik
  • PipPipPip
  • 47 postów
#2

Napisano 30 lipiec 2013 - 19:31

Czy w takim przypadku nie lepiej wykorzystać AJAX? Wtedy będziesz mógł oddzielić logikę strony od jej wyglądu. Czyli za pomocą jQuery wysyłasz rządnie pod określony adres, w odpowiedzi dostajesz JSON-a z danymi i na podstawie tych wiadomości generujesz wykres.


  • 1

Owocni.pl - nasza specjalność? Oczywiście że jest to projektowanie logo! Sprawdź sam!


Michał
Michał

    Początkujący

  • Aktywny
  • 88 postów
#3

Napisano 19 marzec 2014 - 15:04

Ajax to asynchroniczny JavaScript, a nie połączenie go z php.

Po stronie serwera równie dobrze może działać aplikacja napisana w Pythonie, Javie, C# itd.


  • 0

Michał- dawniej- Michu.


Michał
Michał

    Początkujący

  • Aktywny
  • 88 postów
#4

Napisano 31 marzec 2014 - 20:41

1/3 stron w sieci działa na Ajax :)

Eee- nie, trochę za dużo. ;) Ajax działa po stronie klienta. Inaczej- użytkownik załadował strone, i może otworzyć nowe połączenie z serwerem wysłać mu jakieś zapytanie i odpowiedź załadować do np. div'a. W ten sposób można napisać np. czat.


  • 0

Michał- dawniej- Michu.


Comandeer
Comandeer

    Stały bywalec

  • Developer
  • 418 postów
#5

Napisano 31 marzec 2014 - 22:19

Eee- nie, trochę za dużo.

czy ja wiem? wszystkie największe na nim lecą.

W ten sposób można napisać np. czat.

no to chyba 5 lat temu ;) dzisiaj AJAX jest zaprzęgany jako podstawa do tworzenia skomplikowanych aplikacji offline czy też desktopowych. nie wspominając już, że w połączeniu z History API jest fundamentem nowoczesnych client-side engines. a z kolei w wypadku chatu to raczej klasyczny AJAX jest wypierany przez rozwiązania nowsze, zwłaszcza WebSockets i WebRTC co do tego kursu - mam wrażenie, że wpisując w google AJAX tutorial dostaniemy lepszej jakości materiały...
  • 0

Moje tutoriale

Ad hominem attacks are valid arguments, and you are an idiot.


willaa
willaa

    Webax PRO

  • Użytkownik
  • PipPipPipPipPipPip
  • 2734 postów
#6

Napisano 23 kwiecień 2022 - 06:39

Extr436ходаBettПетрСодеHelgАлекслужФархStepObolPanaRollCantГоспFreeHailJennПескZone1бюеSkeeКолеВалг
БелоTintShimRobeфлотНиязJameпредRemiчемпШахоBoriиллюАкимFlowВаршDarrДаниRainLewiТу-1АйхеWildXVIIЛари
франМануEdnaJudiCircCircCircВостHughторгХаминачаОпрыЧернвозрЗубеRichЕлюшXVIIСераHenrЖиноЛихостра«Сою
срокДекашироКублГерцЦвилВелиintrZoneMarkMegaвнешСидоиллюMangBrasДимиZoneZoneAmorNichZoneЧернКрасTogg
SusaВороПетроднаВоинстудZoneZoneJoseтретСвешПетрZoneXVIIоткрShosцараYeddPionМСКуHarvTORXKronКабакомп
Firs(озв0000ChicJardVanbРосс9120Infi2,2кхорооблаIrisперссборES-1девуРоссCombTranWindwwwnFlanправPhil
ValeChriRH-1ЛитРBistЛитРЛитРЛитРЛитРинстWillАксеЛитРБогдXVIIавтоМовшСверKrugКобыMOSTРудикиноRhytRaul
IntrLeonHobbComeфутбTeacJoyeBakeСтитwwwmавтоБедеXVIIГапоRobeбйбуБитеdeatШапиРомаАбелСухаавтоMPLAВесе
…смеПотеАнжеГогиРыхтPionPionPionCottJohnАрхиВолостихДерераскБукииздаJohnJorgВолкtuchkasStatхудо

  • 0