Ajax實現動態顯示並操作表資訊

在jsp連線資料庫訪問並顯示資料庫資訊時，使用ajax利用json物件會在頁面不重新整理的情況下獲取到資料。但若是要顯示資料庫表中的資訊，就需要動態的生成表的行以及單元格。並且對每一行的操作也是需要動態繫結的。

今天分享給各位的是完成在對資料庫表資訊的顯示、增加、刪除、修改。顯示時通過用html**來控制table行的增加。修改和刪除是通過button的onclick()事件完成的。onclick()的引數也是動態改變的，這樣的話在操作時就可以知道是要對哪一行進行操作了。修改的方法中又用到修改html**使普通變為並獲取到原始值作為輸入框的預設值，在輸入框失去焦點後自動儲存資料。並再把變為

**很詳細，希望能對你有所幫助。

js檔案內容如下：

$(function () );

var url = "/task/fenlei"; //servlet的url
data = {};
data.flag = "all";
$.post(url,data,function (result) 
},"json");
$("#add").click(function () ;
var name = $("#name").val();
adddata.name = name;
adddata.flag = "add";
$.post(url,adddata,function (result) ,"json");
});});function del(id) ;
deldata.flag = "delete";
deldata.id = id;
$.post(url,deldata,function (result) else 
},"json");
};function edit(id) ;
editdata.flag = "update";
var oldname = $("#td"+id).text();
$("#td"+id).html("");
$("#new").blur(function () else 
},"json");
});}

jsp頁面**如下：

分類名稱：新增

分類id
分類名稱
操作 

public class fenleiservlet extends httpservlet 

Ajax實現動態顯示並操作表資訊的方法
在jsp連線資料庫訪問並顯示資料庫資訊時，使用ajax利用json物件會在頁面不重新整理的情況下獲取到資料。但若是要顯示資料庫表中的資訊，就需要動態的生成表的行以及單元格。並且對每一行的操作也是需要動態繫結的。今天分享給各位的是完成在對資料庫表資訊的顯示 增加 刪除 修改。顯示時通過用html 來控...
vue實現當前時間動態顯示
如圖所示 注 這裡是vue的生命週期，生命週期函式圖示鏈結為 生命週期圖示 created 與 mounted 的區別就是 created 在模板渲染成html前呼叫，即通常初始化某些屬性值，然後再渲染成檢視 mounted在模板渲染成html後呼叫，通常是初始化頁面完成後，再對html的dom節點...
微信小程式 實現動態顯示和隱藏某個控制項
微信小程式 實現動態顯示和隱藏某個控制項 在小程式的開發過程中，經常需要用到隱藏某個控制項這種情況。因為專案原本是需要將兩個canvas切換，但是小程式的canvas支www.cppcns.com持的功能實在是少，本來就jquery mobwww.cppcns.comile或者將canvas轉為就可...