作者cyril63 (...)
看板Ajax
標題[問題] Ajax 表格插入的問題
時間Thu May 21 18:00:31 2009
假設有一個表格 A
它有五個 ROW , 分別是 T(Title),R1,R2,R3,R4
今天我 trigger 一個 AJAX 的請求向 Server 要資料
他會 Response 回來 2 個 new ROW (用 R5,R6來代表)
接下來要刪除掉 R1,R2 並且把 R5,R6 加到表格的後方
刪除 R1,R2 很簡單 , 直接用 deleteRow
但是要把 R5,R6 加到表格後面
最先想到的做法是
A.innerHTML = A.innerHTML + ResponseText
但這做法是行不通的(好像是因為是table物件關係所以不允許這麼作)
似乎要用 innsertRow 的 method 去加
現在問題來了
因為每個 Row 的資料相當複雜 , 而且<tr>,<td>上也設定了很多的屬性
會有一些麻煩
所以我的問題是 :
要如何能夠把 responseText 內的內容 , 轉換成能夠以 DOM 來操作的
然後直接取得responseText 裡兩個 row 的物件 obj_R5 , obj_R6
然後在原來的表格 A 中新增兩個 ROW , 把obj_R5和obj_R6 指定給新增的兩個ROW
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 118.169.186.108
1F：推 Kelunyang:然後問題是？ 05/21 18:32
※ 編輯: cyril63 來自: 203.67.221.237 (05/21 22:31)
2F：推 Kelunyang:問題1不是有responseXML ? 05/21 23:18
3F：→ Kelunyang:問題而有insertRow(obj_R5)這樣的用法，要不然可以試試 05/21 23:18
4F：→ Kelunyang:appendChild() 05/21 23:19