JavaScript, vad är bäst?

2012-09-09 12:24

Medlem

Registrerad: Jul 2011

●

JavaScript, vad är bäst?

Jag håller på med en sida där man kan rösta på olika bidrag (använder Jquery.
All information hämtas med PHP och Mysql, skrivs ut, sedan får man rösta med Javascript och "spara" sina röstningar.
Med varje "bidrag" så måste några variabler följa med: max antal röster och röster som redan finns på bidraget.
Hur ska jag göra för att få variablerna från PHP till Javascript?
Så här är det nu:

<div id="1" class="bidrag" max="15" startvotes="3">
<div id="2" class="bidrag" max="15" startvotes="12">
<div id="3" class="bidrag" max="11" startvotes="1">

//DETTA ÄR I EN EXTERN .js-FIL
var max_rank = parseInt($(this).attr('max'));

Men det här kanske är bättre och enklare för klienten:

<div id="1" class="bidrag">
<div id="2" class="bidrag">
<div id="3" class="bidrag">
<script>
var bidrag = new Array();
//Loopar ut alla rader med PHP
bidrag[1]['max'] = 15;
bidrag[1]['startvotes'] = 12;
//osv
</script>

//EXTERN .js-FIL
var max_rank = bidrag[1]['max'];

Vad är bäst?

Visa signatur

Intel 2500k @ 3,3ghz ● ASUS 6870 1GB Crossfire ● ASUS Sabertooth P67 ● XFX 750w ● 4Gb DDR3 ● Bitfenix Outlaw

Rapportera Redigera

Citera flera Citera

2012-09-09 12:26

Permalänk

DarkBob

Medlem

Plats: I en mörk gränd
Registrerad: Okt 2001

●

JSON

Visa signatur

"Say unto thine own heart, I am mine own redeemer"
Don't touch me when I'm crazy of that airplane glue

Rapportera Redigera

Citera flera Citera (1)

2012-09-09 13:42

Permalänk

Björnen123

Medlem

Registrerad: Jul 2011

●

Skrivet av DarkBob:

JSON

Gå till inlägget

På vilket sätt skulle JSON vara bättre nu?

Visa signatur

Intel 2500k @ 3,3ghz ● ASUS 6870 1GB Crossfire ● ASUS Sabertooth P67 ● XFX 750w ● 4Gb DDR3 ● Bitfenix Outlaw

Rapportera Redigera

Citera flera Citera (1)

2012-09-09 17:54

Permalänk

Biberu

Legendarisk ★

Hedersmedlem

Registrerad: Dec 2002

●

Det första alternativet riskerar att binda din data för hårt till presentationen, man bör generellt sett undvika att lagra data direkt i dom-trädet. Sedan bör du inte skriva ut datan direkt som javascript, det gör koden onödigt lång och kommer skapa en massa otrevlig upprepning av kod i dina mallar. I PHP bör du använda json_encode() istället. När du sedan har läst in all din data, oavsett källa, kan du skapa relationer mellan den och din presentation.

Skickades från m.sweclockers.com

Visa signatur

Abstractions all the way down.

Rapportera Redigera

Citera flera Citera

2012-09-09 23:39

Permalänk

Björnen123

Medlem

Registrerad: Jul 2011

●

Skrivet av Tunnelsork:

Det första alternativet riskerar att binda din data för hårt till presentationen, man bör generellt sett undvika att lagra data direkt i dom-trädet. Sedan bör du inte skriva ut datan direkt som javascript, det gör koden onödigt lång och kommer skapa en massa otrevlig upprepning av kod i dina mallar. I PHP bör du använda json_encode() istället. När du sedan har läst in all din data, oavsett källa, kan du skapa relationer mellan den och din presentation.

Skickades från m.sweclockers.com

Gå till inlägget

Vad exakt menar du med "en massa otrevlig upprepning av kod"?

Visa signatur

Intel 2500k @ 3,3ghz ● ASUS 6870 1GB Crossfire ● ASUS Sabertooth P67 ● XFX 750w ● 4Gb DDR3 ● Bitfenix Outlaw

Rapportera Redigera

Citera flera Citera

2012-09-09 23:57

Permalänk

Full Strike

Medlem

Plats: California
Registrerad: Sep 2012

●

Skulle också valt JSON. Eftersom "max" och "startvotes" inte är riktiga attribut kommer koden inte vara giltig html.

Rapportera Redigera

Citera flera Citera

2012-09-10 00:09

Permalänk

Leedow

Medlem ★

Plats: Falun
Registrerad: Dec 2003

●

Varför måste du få max och startvotes från klienten? Hur hamnar informationen där från första början?

Visa signatur

ηλί, ηλί, λαμά σαβαχθανί!?

Rapportera Redigera

Citera flera Citera

2012-09-10 07:32

Permalänk

Björnen123

Medlem

Registrerad: Jul 2011

●

Skrivet av Leedow:

Varför måste du få max och startvotes från klienten? Hur hamnar informationen där från första början?

Gå till inlägget

Jag vill ha max och startvotes _till_ klienten för att visa rätt antal röster från början och för att blocka klienten från att rösta förbi max-värdet. Informationen skrivs ut via PHP.

Skickades från m.sweclockers.com

Visa signatur

Intel 2500k @ 3,3ghz ● ASUS 6870 1GB Crossfire ● ASUS Sabertooth P67 ● XFX 750w ● 4Gb DDR3 ● Bitfenix Outlaw

Rapportera Redigera

Citera flera Citera

2012-09-10 07:33

Permalänk

Björnen123

Medlem

Registrerad: Jul 2011

●

Skrivet av Full Strike:

Skulle också valt JSON. Eftersom "max" och "startvotes" inte är riktiga attribut kommer koden inte vara giltig html.

Gå till inlägget

Vad sägs om mitt andra exempel då?

Skickades från m.sweclockers.com

Visa signatur

Intel 2500k @ 3,3ghz ● ASUS 6870 1GB Crossfire ● ASUS Sabertooth P67 ● XFX 750w ● 4Gb DDR3 ● Bitfenix Outlaw

Rapportera Redigera

Citera flera Citera

2012-09-10 10:25

Permalänk

Yxskaftet

Medlem

Registrerad: Okt 2002

●

Valideringen borde ske på serversidan, vilket innebär att värdena inte behöver skrivas ut på klientsidan öht.
Varför inte bara validera informationen på serversidan, förslagsvis med ajax, när användaren röstar?

Rapportera Redigera

Citera flera Citera

2012-09-10 12:08

Permalänk

Full Strike

Medlem

Plats: California
Registrerad: Sep 2012

●

Skrivet av Björnen123:

Vad sägs om mitt andra exempel då?

Skickades från m.sweclockers.com

Gå till inlägget

Funkar också, men jag skulle gjort något sånt här:

index.html

<script type='text/javascript' src='/js/votes.js.php' />
...
<div id="1" class="bidrag"> 
<div id="2" class="bidrag"> 
<div id="3" class="bidrag">

votes.js.php

...
$arrBidrag = array();
$arrBidrag[1] = array("max" => 15, "startvotes" = 12);
$arrBidrag[2] = array("max" => 15, "startvotes" = 12);
...
echo "var votes = " . json_encode($arrBidrag) . ";";

Sen kan du använda javascript för att leka med objektet med hjälp av jquerys $.parseJSON(votes)

Rapportera Redigera

Citera flera Citera

2012-09-10 14:45

Permalänk

BlueEyes

Medlem

Plats: Västerås
Registrerad: Jun 2005

●

Skrivet av Björnen123:

På vilket sätt skulle JSON vara bättre nu?

Gå till inlägget

Skrivet av Björnen123:

Vad exakt menar du med "en massa otrevlig upprepning av kod"?

Gå till inlägget

Med tanke på dina svar här så kanske lite studier i vad JSON är och hur du kan använda det tillsammans med jQuery och PHP vara på sin plats innan du ger dig ut på äventyr med en sådan här liter mer avancerad funktion.

Visa signatur

Rapportera Redigera

Citera flera Citera

JavaScript, vad är bäst?

JavaScript, vad är bäst?

Externa nyheter

Spelnyheter från FZ