作者timmy852111 (光⊙﹏⊙)
看板Ajax
標題[請益] javascript無法使用php陣列?
時間Thu Jul 21 15:27:21 2011
※ [本文轉錄自 PHP 看板 #1E9yl5-N ]
作者: timmy852111 (光⊙﹏⊙) 看板: PHP
標題: [請益] javascript無法使用php陣列?
時間: Thu Jul 21 14:48:32 2011
恩...
小弟使用php抓取mysql的資料庫內容想要在javascript上面使用
javascript與php的變數無法直接使用我知道0.0
所以必須要把php的陣列轉化為javascript的陣列
以下是我的原始碼
--
<script type="text/javascript">
//讀取資料庫的php
<?php
include("mysql.inc.php");
include("getData.php");
getData();
?>
document.write("test");
//測試網頁用
var sum = <?php echo $sum ;?>;
document.write(sum);
//php變數有轉換到javascript上 而且可以印出來
temp = new Array(sum);
//php二維陣列轉換到javascript上的迴圈
<?php for($i=0;$i<$sum;$i++){ ?>
<?php for($j=0;$j<=5;$j++){ ?>
temp[<?=$i?>][<?=$j?>]= "<? echo $data[$i][$j] ;?>");
<?php } ?>
<?php } ?>
//在原始碼上面 所有的陣列都有轉換過來
document.write(temp[2][3]);
//可是這行就是印不出來囧~
</script>
--
感覺像是迴圈那邊有問題
還是在於轉換的過程 不能這樣寫0.0?
麻煩大家了
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 120.109.100.195
1F：推 kusoayan:試試看 for(;;): endfor ? 07/21 14:51
一樣囧~
<?php for($i=0;$i<$sum;$i++): ?>
<?php for($j=0;$j<=5;$j++): ?>
temp[<?=$i?>][<?=$j?>]= "<? echo $data[$i][$j] ;?>";
<?php endfor; ?>
<?php endfor; ?>
迴圈的架構應該沒有問題
是指說 為什麼上面的sum可以成功的改變為javascript變數
可是下面的temp[][]陣列東西"看似"有進去可是無法使用0.0?
麻煩了Orz
※ 編輯: timmy852111 來自: 120.109.100.195 (07/21 15:00)
2F：推 kusoayan:喔~我誤會了 我以為是迴圈的程式跑錯= =" 07/21 15:11
唔...我在迴圈後面又加上一段測試用的document.write
結果發現好像是迴圈後面的東西無法執行出來= =
<?php for($i=0;$i<$sum;$i++){ ?>
<?php for($j=0;$j<=5;$j++){ ?>
temp[<?=$i?>][<?=$j?>]="<? echo $data[$i][$j] ;?>";
<?php } ?>
<?php } ?>
document.write("test2");
document.write(temp[2][2]);
執行後的網頁原始碼為
-- //節錄
temp[14][0]="019";
temp[14][1]="積善樓";
temp[14][2]="24.169211";
temp[14][3]="120.693903";
temp[14][4]="406";
temp[14][5]="臺中市北屯區興安路1段163號";
document.write("test2");
document.write(temp[2][2]);
--
可是上面那些全部都沒有在網頁上顯示出來 只有在原始碼內有= =
※ 編輯: timmy852111 來自: 120.109.100.195 (07/21 15:20)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 120.109.100.195
3F：→ st900278:我一直不是很懂 會什麼temp[<?=$i?>][<?=$j?>] 07/21 15:54
4F：→ st900278:為什麼要有 = 應該是 temp[<?$i?>][<?$j?>]吧 參考看看 07/21 15:55
5F：推 squalll:應該是JS宣告array出錯了~跟php無關 07/21 15:55
6F：→ squalll:var temp = new Array(sum); 07/21 15:56
7F：→ squalll:for(var i = 0; i < 5; i++) 07/21 15:56
8F：→ squalll:for(var i = 0; i < sum; i++) //上一行寫錯了 07/21 15:57
9F：→ squalll:temp[i] = new Array(5); 07/21 15:57
10F：→ squalll:裝個Web Developer看一下吧 :) 07/21 15:58
11F：推 st900278:宣告應該沒有錯 js 如果獨到沒有見過的 會新增變數 07/21 16:05
12F：→ st900278:應該不會壞 07/21 16:05
13F：→ st900278:可是為什麼她是一維陣列 用了時候卻是二維的呢?? 07/21 16:07
14F：推 senser:ㄟ...這不是很好的pattern..非常難維護跟難讀 07/21 16:48
15F：→ senser:你應該把後端變數輸出到一個獨立的<script> block 07/21 16:49
16F：→ senser:你的js再去抓裡面的資料 或是直接用ajax方式取得資料 07/21 16:50
17F：→ senser:再者傳到front-end的東西用JSON就好了 07/21 16:51
18F：→ senser:沒甚麼理由 應該不會這樣陣列硬轉吧...@@" 07/21 16:52
19F：推 senser:一般的作法是 你在controller裡 json_encode 你的php array 07/21 17:01
20F：→ senser:把他輸出到你的view 然後在client js 裡parse JSON string 07/21 17:03
21F：推 senser:在client中 把JSON變成 array 應該不會太難才是 07/21 17:19
22F：→ senser:如果你要一步達成 可以參考這招 07/21 17:19
24F：→ senser:一樣是硬轉 這應該比你寫的好讀很多 07/21 17:21
25F：→ senser:只是你的是二維 要refactor一下 但應該差不多 07/21 17:23
26F：→ senser:另外如果你是.Net環境的話 可以試RegisterArrayDeclaration 07/21 17:25
27F：推 senser:總之不要這樣寫 不然接你程式的人會瘋掉喔.. 07/21 17:29
天啊囧 這整篇對我來說根本是無字天書都看不懂XDD
感謝各位大大的解答(跪)
在找尋資料的過程中有看到過json但是沒有去使用他 反而用我這種爛方法囧
小弟研究完之後再來報告心得>"<
※ 編輯: timmy852111 來自: 120.109.100.195 (07/21 18:17)
28F：推 senser:喔 那個是好久前申請學校的作品集耶 廢好久了 07/21 18:47
29F：→ senser:sorry... 回留言按到推文 07/21 18:49
30F：推 senser:JSON是一種描述物件的格式 好處是傳到前端 可以直接在js 07/21 18:56
31F：→ senser:裡直接當物件用 所以廣泛被拿來用作 前後端溝通用 07/21 18:57
33F：→ senser:php 中 可以json_encode(陣列) 把他輸出到前端 07/21 18:59
34F：→ senser:然後你的js parse那段string後就可以當物件用瞜 07/21 19:00
35F：→ senser:parse的方法不建議用eval 建議用json2.js或是jquery等工具 07/21 19:02
36F：推 st900278:如果是我 我會選擇使用xml 來接的說 07/21 20:39