pole z PHP do javascript cez Ajax

newboy1 · Napísal **newboy1**: 16.12.2010 12:16

Nazdarek. Chcel by som vas poprosit o radu. Totiz hladal som na googli ako vyriesit predanie pola z php do javascript aby som s nim mohol v JS nasledne pracovat. No bohuzial bezuspesne..
Preto sa obraciam na Vas..Tu je jednoduchy priklad:
pokus_jx.php:

Kód:

<?
$pole = array("pole1", "pole2", "pole3", "pole4");
?>

spracujJX.php:

Kód:

<script>

function ukazPole()
{

if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {

    var result = new array; 
    
    result[1] = xmlhttp.responseText;  
    
    document.getElementById("text").innerHTML= result[1] ;
    }

  }

xmlhttp.open("GET","pokus_jx.php",true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send(null);
}


<a href="javascript: ukazPole();"> Ukaz pole </a>  
<br>

<div id="text">Zobraz vysledok / pole </div>

Nieco take som nasiel na nete..Ale je to nefunkcne..Neviete mi poradit ako to opravit?? Aby som mohl v JS s tym pracovat??

coldak · Napísal **coldak**: 16.12.2010 12:50

no ved v php si musis dat vygenerovat response text zodpovedajuci syntaxou JS a v ajaxe po stiahnuti mozes napr pouzit eval()
v php

Kód:

echo "var pole = ['pole1','pole2','pole3','pole4'];";

v ajaxe

Kód:

...
 result[1] = xmlhttp.responseText;  
 eval(result[1]);
 document.getElementById("text").innerHTML= pole.join() ;
...

tak nejak, ale za uplnu funkcnost nerucim, nemam cas otestovat

Ďuri · Napísal **Ďuri**: 16.12.2010 12:55

Niektore prehliadace uz podporuju nativne objekt JSON, ten bude pracovat rychlejsie ako eval. Pouzi tento sposob.

Flety · Napísal **Flety**: 16.12.2010 14:31

A čo tie, ktoré ho nepodporujú?

emer · Napísal **emer**: 16.12.2010 15:08

sa malo pouzivaju, ci ?

Ďuri · Napísal **Ďuri**: 16.12.2010 15:19

Je tam fallback v podobe eval().

newboy1 · Napísal autor témy **newboy1**: 17.12.2010 12:33

coldak ten tvoj script nefunguje..

Ďuri ...pozeral som ten tvoj odkaz a aj nejake veci na tie nativne objekty JSON. No asi to musim viac nastudovat lebo po precitanie zopar clankov som uz nevedel kde je sever.. :loony:

Takze vdaka za pomoc a rady.. Ale este by som mal jednu otazocku..
Ak mam nejaky takyto zapis:

Kód:

<?
<div id=\"skupina\">
$pole = array ("image1.jpg", "image2.jpg", "image3.jpg",);

foreach ($pole as $i => $value) {
   echo " 
   <img src=\"./obrazky/$value\"  id=\"obrazok[$i]\"> 
";
   
}

echo"</div>";
?>

Da sa nejako zistit pocet prvkov v tom poli(teda pocet zobrazenych obrazkov) aby som to mohol pouzit v JS?? Cize aby som v JS vedel kolko obrazkov sa mi zobrazilo v tom <div id="skupina">. Ak ano, tak ako??

Ďuri · Napísal **Ďuri**: 17.12.2010 12:50

V PHP mozes velkost pola zistit fciou count(). V Javascripte mozes proste spocitat vsetky elementy <img> v elemente #skupina:

Kód:

document.getElementById('skupina').getElementsByTagName('IMG').length

coldak · Napísal **coldak**: 17.12.2010 14:24

newboy1 píše:

coldak ten tvoj script nefunguje..

nemozem zato ze to nevies spravne implementovat
phparray.php

Kód:

var pole = ['pole1','pole2','pole3','pole4'];

test.html

Kód:

<html>
<body>
<script> 
function ukazPole() 
{ 

if (window.XMLHttpRequest) 
  {// code for IE7+, Firefox, Chrome, Opera, Safari 
  xmlhttp=new XMLHttpRequest(); 
  } 
else 
  {// code for IE6, IE5 
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
  } 
   xmlhttp.open("GET","phparray.php",false); 
   xmlhttp.send(null);
   eval(xmlhttp.responseText);
   document.getElementById("text").innerText=pole.join(); 
} 
</script>
<a href="javascript:void()" onclick="ukazPole()"> Ukaz pole </a>  
<br> 
<div id="text">Zobraz vysledok / pole </div>
</body>
</html>

spustis test.html a po kliknuti na link sa ti nacita pole a zobrazi vtom dive.
ak sa tak nestane tak bude s velkou pravdepodobnostou problem medzi klavesnicou a stolickou na ktorej sedis

newboy1 · Napísal autor témy **newboy1**: 18.12.2010 10:52

No uz to funguje..Dik.. Akurat som musel zamenit:

Kód:

document.getElementById("text").innerText=pole.join();

za

Kód:

document.getElementById("text").innerHTML=pole.join();

Lebo s tym .innerText mi to nefungovalo..

Neviem preco.. A le mam este nejaku tu otazku. Preco takyto zapis? :

Kód:

var pole = ['pole1','pole2','pole3','pole4'];

Preco to musi byt definovane ako var?? co presne to znamena??teda viem co znamena to var, ale nerozumiem preco to musi byt takto..

Ďuri · Napísal **Ďuri**: 18.12.2010 12:34

Nerozumiem, na co sa pytas. Klucovym slovom var sa definuju nove premenne, ty potrebujes zadefinovat premennu. Eh?

newboy1 · Napísal autor témy **newboy1**: 18.12.2010 14:41

No nerozumiem preco v PHP subore musim definovat pole takto:

Kód:

echo " var pole = ['pole1', 'pole2', 'pole3']; ";

a nie klasicky:

Kód:

$pole= array('pole1', 'pole2', 'pole3');

resp.

Kód:

echo " $pole= array('pole1', 'pole2', 'pole3'); ";

Tomu celkom nerozumiem..

coldak · Napísal **coldak**: 18.12.2010 15:00

newboy1 píše:

No nerozumiem preco v PHP subore musim definovat pole takto:

Kód:

echo " var pole = ['pole1', 'pole2', 'pole3']; ";

a nie klasicky:

Kód:

$pole= array('pole1', 'pole2', 'pole3');

resp.

Kód:

echo " $pole= array('pole1', 'pole2', 'pole3'); ";

Tomu celkom nerozumiem..

lebo to pole musi byt vykonatelne ako javascript

pole z PHP do javascript cez Ajax

Podobné témy