| Autor | Zpráva | ||
|---|---|---|---|
| opicak Profil |
#1 · Zasláno: 1. 6. 2013, 12:06:55
Dobrý den, chtěl bych se zeptat, zda neznáte řešení tohoto kódu, bez použití funkce eval. Chtěl bych podotknout, že toto je jen příklad. Důvodem, proč to řeším tímto způsobem je, že z databáze vypisuji několik řádku a potřebuji, aby každý řádek byl v novém divu. V mém případě nelze použít innerHTML.
<script>
function ajax(text)
{
var xml = new XMLHttpRequest();
xml.open("GET", "test.php?text="+text);
xml.onreadystatechange = function()
{
if(xml.readyState==4 && xml.status==200)
{
eval(xml.responseText);
}
}
xml.send(null);
}
}
</script>test.php echo "
var div = document.createElement('DIV');
div.innerHTML = '".htmlspecialchars($_GET["text"])."';
document.getElementById('result').appendChild(div);
"; |
||
| Someone Profil |
#2 · Zasláno: 1. 6. 2013, 12:20:06
Jestli to chápu správně, tak to v souboru test.php vypadá nějak takto:
while($row = $sql->fetch_object()) {
echo "
var div = document.createElement('DIV');
div.innerHTML = '".htmlspecialchars($_GET["text"])."';
document.getElementById('result').appendChild(div);
";
}Můžeš si data vypsat v JSONu a v javascriptu to projet cyklem: //Test.php
$results = array();
$sql = $mysqli->query("SELECT * FROM tabulka");
while($row = $sql->fetch_object()) {
$results[] = $row;
}
echo json_encode($results);//Javascript <script>
function ajax(text)
{
var xml = new XMLHttpRequest();
xml.open("GET", "test.php?text="+text);
xml.onreadystatechange = function()
{
if(xml.readyState==4 && xml.status==200)
{
var response = JSON.parse(xml.responseText);
for(var a=0;a<response.length;a++) {
var row = response[a];
var div = document.createElement('div');
div.appendChild(document.createTextNode(row.sloupecZDB));
document.getElementById('result').appendChild(div);
}
}
}
xml.send(null);
}
}
</script> |
||
| opicak Profil |
#3 · Zasláno: 1. 6. 2013, 12:21:59
Ptám se, protože jsem četl, že eval zpomaluje script.
|
||
| Someone Profil |
opicak:
Je zbytečné eval používat. Proč si nevrátíš jen text, který chceš dát do divu a ten zpracuješ v js: místo: eval(xml.responseText); var div = document.createElement('div');
div.append(document.createTextNode(xml.responseText));
document.getElementById('result').appendChild(div); |
||
| opicak Profil |
#5 · Zasláno: 1. 6. 2013, 12:33:20
Ano, to jsem také chtěl udělat, ale chci každý řádek vypsat do divu. V tom případě by to znamenalo, že bych tam musel dát split řetězce, ale co kdyby nějaký sloupec v databázi obsahoval znak(řetězec), podle kterého rozděluju řetězec.
K tomu json, to se musí nainstalovat? Nemám s tímto zkušenosti. |
||
| Someone Profil |
#6 · Zasláno: 1. 6. 2013, 12:42:34
opicak:
Udělej to tak, jak jsem psal v [#2]. V php si jednotlivé řádky z db uložíš do pole (řádek 5), poté to pomocí php funkce json_encode enkóduješ do JSON formátu, který umí JS zpracovat a vypíšeš (řádek 7). Tento text dostane JS script a rozparsuje ho pomocí vlastní funkce (řádek 10). No a pak ho už jen projedeš cyklem a vypíšeš viz. řádky 11-16. |
||
| opicak Profil |
#7 · Zasláno: 1. 6. 2013, 12:48:50
Díky za pomoc, funguje to perfektně.
|
||
| Chamurappi Profil |
#8 · Zasláno: 1. 6. 2013, 14:30:06
Reaguji na Someone:
Objekt JSON nemá nativní podporu ve starších prohlížečích, použij eval("(" + xml.responseText + ")").
Podporu nativního XMLHttpRequestu jde v Explorerech vypnout a někteří lidé ji vypnutou mají.
„jsem četl, že eval zpomaluje script“ Proč jsi vůbec chtěl načítat skript AJAXem a ne jako <script>?
„V mém případě nelze použít innerHTML.“ Pročpak ne? Zřejmě proto, že by sis tím mohl rozbít zbytek obsahu elementu. To jde řešit snadno — vyrobit si při přijetí odpovědi ze serveru <div>, hodit do jeho innerHTML responseText a pak dokud má firstChild, volat s firstChildem appendChild na cílovém elementu.
|
||
|
Časová prodleva: 11 let
|
|||
0