使用ajax爲表添加值

Question

我有一個文本框來輸入用戶名和一個下拉選擇角色。當我小雞「添加」按鈕，我需要將這些值添加到表。我需要添加更多的用戶名和他們的角色到桌面上，點擊「添加」。我需要獲得這個沒有回傳（即AJAX）。當點擊「保存」按鈕時，我也會將此表保存到數據庫。我怎麼能這樣？我完全不知道JQuery或JSON結果。

Answer 1

在瀏覽器（使用jQuery）：

$(document).ready(function(){ 
     var usertable = []; 
     $("#add").click(function(event){ 
     event.preventDefault(); 
     var username = $("#username").val(); 
     var role = $("#role").val(); 
     usertable.push({ 
      username: username, 
      role: role 
     }); 
     var row = $("<tr></tr>"); 
     row.append("<td>" + username + "</td>"); 
     row.append("<td>" + role+ "</td>"); 
     $("#table").append(row); 
     }); 
     $("#save").click(function(event){ 
     event.preventDefault(); 
     var jsonToPost = {}; 
     jsonToPost.usertable = usertable; 
     jsonToPostString = JSON.stringify(jsonToPost); 
     $.post("url",jsonToPostString); 
     }); 
}); 

在服務器上，你就會有一個JSON字符串指定在一個數組，擠滿了對象JSON對象。你可以在http://www.json.org/