{"id":885,"date":"2010-05-27T02:27:50","date_gmt":"2010-05-27T01:27:50","guid":{"rendered":"http:\/\/www.plagosus.net\/blog\/?p=885"},"modified":"2012-10-30T14:52:25","modified_gmt":"2012-10-30T13:52:25","slug":"dinamicko-pozivanje-php-a-uz-pomoc-jquery-ja","status":"publish","type":"post","link":"https:\/\/www.plagosus.net\/blog\/dev\/php-programiranje\/dinamicko-pozivanje-php-a-uz-pomoc-jquery-ja\/","title":{"rendered":"Dinami\u010dko pozivanje PHP-a uz pomo\u0107 jQuery-ja"},"content":{"rendered":"<p style=\"text-align: justify;\">Evo jednog kratkog i jednostavnog primera koji pokazuje kako se iz stati\u010dkog XHTML fajla, uz pomo\u0107 <strong><a href=\"http:\/\/jquery.com\/\" target=\"_blank\">jQuery<\/a><a href=\"http:\/\/en.wikipedia.org\/wiki\/JavaScript\" target=\"_blank\"> JavaScript<\/a><\/strong> biblioteke mo\u017ee pozvati eksterni <strong><a href=\"http:\/\/php.net\/\" target=\"_blank\">PHP<\/a><\/strong> fajl koji obra\u0111uje vrednost izabranu u padaju\u0107oj listi na XHTML stranici i bez ponovnog u\u010ditavanja cele stranice, dinami\u010dki vra\u0107a rezultat obrade nazad.<\/p>\n<p style=\"text-align: justify;\">Za potrebe ovog primera, odabrao sam jednostavno ra\u010dunanje kvadrata broja izabranog u padaju\u0107oj listi. Iz &#8220;<span style=\"color: #0000ff;\">stranica.xhtml<\/span>&#8221; datoteke, bira se broj iz liste i klikom na dugme &#8220;<span style=\"color: #0000ff;\">Okini<\/span>&#8220;, JavaScript funkcija iz datoteke &#8220;<span style=\"color: #0000ff;\">funkcije.js<\/span>&#8221; poziva eksterni PHP fajl &#8220;<span style=\"color: #0000ff;\">obrada.php<\/span>&#8221; koji ra\u010duna kvadrat broja i vra\u0107a vrednost nazad u polje &#8220;<span style=\"color: #0000ff;\">&lt;span id=&#8221;rezultat&#8221;&gt;NaN&lt;\/span&gt;<\/span>&#8221; koje se nalazi u po\u010detnoj XHTML stranici.<\/p>\n<p style=\"text-align: justify;\">Da bi probali ovu skriptu, potrebno je da u istom folderu napravite slede\u0107e datoteke sa sadr\u017einom koja je navedena:<\/p>\n<p style=\"text-align: justify;\"><strong>stranica.xhtml<\/strong><\/p>\n<p>[html]<\/p>\n<p><select name=\"broj\"><option value=\"1\">Jedan<\/option><\/select><br \/>\n<select name=\"broj\"><option value=\"2\">Dva<\/option><\/select><br \/>\n<select name=\"broj\"><option value=\"3\">Tri<\/option><\/select><\/p>\n<p>Kvadrat izabranog broja je: <span id=\"rezultat\">NaN<\/span><\/p>\n<p><button id=\"dugme\">Okini<\/button><br \/>\n[\/html]<\/p>\n<p style=\"text-align: left;\"><strong>funkcije.js<\/strong><\/p>\n<p>[javascript]<br \/>\n\/\/ Funkcija koja poziva eksterni PHP fajl i ucitava rezultat<br \/>\nfunction funkcija(value) {<br \/>\n$(&#8216;#rezultat&#8217;).load(&#8216;obrada.php?broj=&#8217;+ value);<br \/>\n}<\/p>\n<p>\/\/ Okidac koji klikom na dugme poziva funkciju<br \/>\n$(document).ready(function() {<br \/>\n$(&#8220;#dugme&#8221;).click(function() {<br \/>\n\/\/ Uzimamo vrednost iz padajuceg menija<br \/>\nfunkcija(document.getElementById(&#8216;broj&#8217;).value);<br \/>\n});<br \/>\n});<br \/>\n[\/javascript]<\/p>\n<p style=\"text-align: left;\"><strong>obrada.php<\/strong><\/p>\n<p>[php]<br \/>\n&lt; ?php<br \/>\n\/\/ Ulaz: Provera da li je poslata vrednost za $broj<br \/>\nif(isset($_GET[&#8216;broj&#8217;])) {<br \/>\n$broj = $_GET[&#8216;broj&#8217;];<br \/>\n}<br \/>\nelse {<br \/>\n$broj = &#8220;NaN&#8221;;<br \/>\n}<\/p>\n<p>\/\/ Obrada: Racunanje kvadrata broja<br \/>\n$rezultat = $broj * $broj;<\/p>\n<p>\/\/ Izlaz: Ispis rezultata rada<br \/>\necho ($rezultat);<br \/>\n?&gt;<br \/>\n[\/php]<\/p>\n<div style=\"text-align: justify;\">Ostaje samo jo\u0161 jquery.js biblioteka, koju mo\u017eete preuzeti sa <a href=\"http:\/\/docs.jquery.com\/Downloading_jQuery\" target=\"_blank\">zvani\u010dnog sajta<\/a>.<\/div>\n<div style=\"text-align: justify;\">Kako se WP plugin za <em>syntax highlight<\/em> koda \u010dudno pona\u0161a sa ovim primerima, postavio sam i probni kod, kao i arhivu sa celim primerom.<\/div>\n<div style=\"text-align: justify;\">Nadam se da \u0107e ovo nekome biti korisno \ud83d\ude42<\/div>\n<div style=\"text-align: justify; padding-left: 30px;\"><strong><a href=\"http:\/\/www.plagosus.net\/download\/jquery-php\/stranica.xhtml\" target=\"_blank\">DEMO<\/a><\/strong><\/div>\n<div style=\"text-align: justify; padding-left: 30px;\"><strong><a href=\"http:\/\/www.plagosus.net\/download\/jquery-php\/jquery-php-kk.zip\">DOWNLOAD<\/a><\/strong><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Evo jednog kratkog i jednostavnog primera koji pokazuje kako se iz stati\u010dkog XHTML fajla, uz pomo\u0107 jQuery JavaScript biblioteke mo\u017ee&#8230;<\/p>\n","protected":false},"author":2,"featured_media":1827,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[148],"tags":[86,119,45,42,118],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/posts\/885"}],"collection":[{"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/comments?post=885"}],"version-history":[{"count":0,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/posts\/885\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/media\/1827"}],"wp:attachment":[{"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/media?parent=885"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/categories?post=885"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.plagosus.net\/blog\/wp-json\/wp\/v2\/tags?post=885"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}