[問題] javascript無法使用php陣列?

看板Ajax作者 (光⊙﹏⊙)時間14年前 (2011/07/21 15:27), 編輯推噓9(9025)
留言34則, 3人參與, 最新討論串1/4 (看更多)
※ [本文轉錄自 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

07/21 14:51,
試試看 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)

07/21 15:11,
喔~我誤會了 我以為是迴圈的程式跑錯= ="
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

07/21 15:54, , 1F
我一直不是很懂 會什麼temp[<?=$i?>][<?=$j?>]
07/21 15:54, 1F

07/21 15:55, , 2F
為什麼要有 = 應該是 temp[<?$i?>][<?$j?>]吧 參考看看
07/21 15:55, 2F

07/21 15:55, , 3F
應該是JS宣告array出錯了~跟php無關
07/21 15:55, 3F

07/21 15:56, , 4F
var temp = new Array(sum);
07/21 15:56, 4F

07/21 15:56, , 5F
for(var i = 0; i < 5; i++)
07/21 15:56, 5F

07/21 15:57, , 6F
for(var i = 0; i < sum; i++) //上一行寫錯了
07/21 15:57, 6F

07/21 15:57, , 7F
temp[i] = new Array(5);
07/21 15:57, 7F

07/21 15:58, , 8F
裝個Web Developer看一下吧 :)
07/21 15:58, 8F

07/21 16:05, , 9F
宣告應該沒有錯 js 如果獨到沒有見過的 會新增變數
07/21 16:05, 9F

07/21 16:05, , 10F
應該不會壞
07/21 16:05, 10F

07/21 16:07, , 11F
可是為什麼她是一維陣列 用了時候卻是二維的呢??
07/21 16:07, 11F

07/21 16:48, , 12F
ㄟ...這不是很好的pattern..非常難維護跟難讀
07/21 16:48, 12F

07/21 16:49, , 13F
你應該把後端變數輸出到一個獨立的<script> block
07/21 16:49, 13F

07/21 16:50, , 14F
你的js再去抓裡面的資料 或是直接用ajax方式取得資料
07/21 16:50, 14F

07/21 16:51, , 15F
再者傳到front-end的東西用JSON就好了
07/21 16:51, 15F

07/21 16:52, , 16F
沒甚麼理由 應該不會這樣陣列硬轉吧...@@"
07/21 16:52, 16F

07/21 17:01, , 17F
一般的作法是 你在controller裡 json_encode 你的php array
07/21 17:01, 17F

07/21 17:03, , 18F
把他輸出到你的view 然後在client js 裡parse JSON string
07/21 17:03, 18F

07/21 17:19, , 19F
在client中 把JSON變成 array 應該不會太難才是
07/21 17:19, 19F

07/21 17:19, , 20F
如果你要一步達成 可以參考這招
07/21 17:19, 20F

07/21 17:21, , 22F
一樣是硬轉 這應該比你寫的好讀很多
07/21 17:21, 22F

07/21 17:23, , 23F
只是你的是二維 要refactor一下 但應該差不多
07/21 17:23, 23F

07/21 17:25, , 24F
另外如果你是.Net環境的話 可以試RegisterArrayDeclaration
07/21 17:25, 24F

07/21 17:29, , 25F
總之不要這樣寫 不然接你程式的人會瘋掉喔..
07/21 17:29, 25F
天啊囧 這整篇對我來說根本是無字天書都看不懂XDD 感謝各位大大的解答(跪) 在找尋資料的過程中有看到過json但是沒有去使用他 反而用我這種爛方法囧 小弟研究完之後再來報告心得>"< ※ 編輯: timmy852111 來自: 120.109.100.195 (07/21 18:17)

07/21 18:47, , 26F
喔 那個是好久前申請學校的作品集耶 廢好久了
07/21 18:47, 26F

07/21 18:49, , 27F
sorry... 回留言按到推文
07/21 18:49, 27F

07/21 18:56, , 28F
JSON是一種描述物件的格式 好處是傳到前端 可以直接在js
07/21 18:56, 28F

07/21 18:57, , 29F
裡直接當物件用 所以廣泛被拿來用作 前後端溝通用
07/21 18:57, 29F

07/21 18:57, , 30F

07/21 18:59, , 31F
php 中 可以json_encode(陣列) 把他輸出到前端
07/21 18:59, 31F

07/21 19:00, , 32F
然後你的js parse那段string後就可以當物件用瞜
07/21 19:00, 32F

07/21 19:02, , 33F
parse的方法不建議用eval 建議用json2.js或是jquery等工具
07/21 19:02, 33F

07/21 20:39, , 34F
如果是我 我會選擇使用xml 來接的說
07/21 20:39, 34F
文章代碼(AID): #1E9zJRgK (Ajax)
文章代碼(AID): #1E9zJRgK (Ajax)