mysql - 怎麼用jQuery、Ajax、php實現這樣的無重新整理編輯功能？

先放我做好的。如1為編輯前的效果，圖2為點擊“修改庫存”後的效果。html和CSS已經弄出來了，但不懂javascript。修改後的資料直接通過後台php修改到mysql，若成功則直接返回資料到庫存的td儲存格。

然後是我的html代碼。

        3308    3.97 M³    2950.00 元    2013-05-21 14:36:20        儲存修改

求兄弟們能給個詳細點的答案，實在是不懂javascript啊，整個頁面就差這一個功能實現了。另外，這樣的表格有長長一列，我可以用php迴圈產生動態html標籤id的。

感謝感謝！

回複內容：

先放我做好的。如1為編輯前的效果，圖2為點擊“修改庫存”後的效果。html和CSS已經弄出來了，但不懂javascript。修改後的資料直接通過後台php修改到mysql，若成功則直接返回資料到庫存的td儲存格。

然後是我的html代碼。

        3308    3.97 M³    2950.00 元    2013-05-21 14:36:20        儲存修改

求兄弟們能給個詳細點的答案，實在是不懂javascript啊，整個頁面就差這一個功能實現了。另外，這樣的表格有長長一列，我可以用php迴圈產生動態html標籤id的。

感謝感謝！

上面回答的，我沒有採納答案，實在是我水平有限，沒有修改好。在php100也同提了這個問題，很快得到解決。下面貼上php100的答案，並附上連結，方便他人。

無標題文檔
  
 
   

    
 
     
3308
 
     
3.97 M3
 
     
2950.00 元
 
     
2013-05-21 14:36:20
 
     
 庫存 0 套  
 
     
修改庫存
 
    
 
    
 
     
3308
 
     
3.97 M3
 
     
2950.00 元
 
     
2013-05-21 14:36:20
 
     
 庫存 0 套  
 
     
修改庫存
 
    
   
  

上面是html頁面，下面是php

 '錯誤！',    'status' => FALSE,    'num' => 0);if(isset($_POST['id']) && isset($_POST['num'])){    if(is_numeric($_POST['id']) && is_numeric($_POST['num'])){        $id = (int)$_POST['id'];        $num = (int)$_POST['num'];        $r['msg'] = '修改成功！';        $r['num'] = $num;        $r['status'] = TRUE;    }else{        $r['msg'] = '錯誤！[2]';    }}else{    $r['msg'] = '錯誤！[1]';}echo json_encode($r);?>

$(document).ready(function() {//為每一個具有相同id=cartUpdate 的 添加click事件$("#cartUpdate").live("click",function(){    var text=$(this).text();    if(text=="修改數量"){        var count = $(this).parent().prev().text();        $(this).parent().prev().html("");        $(this).text("確定");    }else if(text=="確定"){        var count2 = $(this).parent().prev().children().val();        var id = $(this).parent().prev().prev().prev().prev().text();        $.post("/cart/update", {            "productId" : id,"count":count2        }, function(data) {            if(data=="ok"){                $("#p" + id).next().next().next().text(count2);                $("#p" + id).nextAll().find("button").text("修改數量");            }else{                alert("修改失敗");            }        });    }});

