javascript-新手遇到的一個JQuery的問題

新手遇到的一個JQuery的問題

$(function(){
    load();
    $(".edit").bind('click',function(){
        location.href="edit.jsp "
    });
});



function load(){
    $.ajax({
        url:"StaffServlet",
        type:"post",
        data:{"action":"list"},
        dataType:"json",
        success:function(data){
            //alert(data);
            var data=eval(data);
            obj="<tr><td>編號</td><td>姓名</td><td>職位</td><td>電話</td><td>電子郵件</td><td>編輯</td><td>刪除</td></tr>";
            for(var i=0;i<data.length;i++){
                var tr="<tr>"+"<td>"+data[i].id+"</td>"+"<td>"+data[i].name+"</td>"+"<td>"+data[i].job+"</td>"+"<td>"+data[i].phone+"</td>"+"<td>"+data[i].email+"</td>"
                +"<td><input type='button' class='edit' value='編輯'></td>"
                +"<td><input type='button' class='remove' value='刪除'></td>"+"<tr>"
                obj+=tr;
            }
            $("#list").html(obj);
        }
    });
}

$(".remove").click(function(){
    id=$(this).prev().val();
    $.ajax({
        type:"post",
        url:"StaffServlet",
        data:"action=remove&id="+id,
    });
});

就是點編輯的時候我想把當前需要編輯的那一行的數據傳到編輯頁面，請問該如何實現呢？
就是在load()下面那一段代碼進行的onclick跳轉
還有我想請問一下，下面是什麼問題呀？？

![圖片說明](http://img.ask.csdn.net/upload/201607/24/1469354927_316380.jpg)

最佳回答：

傳id到目標頁面，目標頁面獲取進行數據庫讀寫，要不新頁面打開，目標頁面通過opener得到源頁面，通過opener進行操作
iframe和父頁，window.open打開頁面之間的引用

而且你的ajax異步加載的，編輯按鈕事件無法綁定上，改為同步ajax，$(".remove").click(function(){也要放到load方法後面

 function load(){
    $.ajax({async:false,//////////////////////
        url:"StaffServlet",
        type:"post",