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頁面**如下：

file="../inc/top.jsp"%>

分類名稱：

分類id

分類名稱

操作處理的servlet內容如下：

以上這篇ajax實現動態顯示並操作表資訊的方法就是小編分享給大家的全部內容了，希望能給大家乙個參考，也希望大家多多支援我們。

本文標題: ajax實現動態顯示並操作表資訊的方法

本文位址:

點讚打賞

分享如果認為本文對您有所幫助請贊助本站

宣告：凡註明"本站原創"的所有文字等資料，版權均屬程式設計客棧所有，歡迎**，但務請註明出處。

標籤：ajax 動態顯示操作表

快速解決ajax返回值給外部函式的問題ajax實現從後台拿資料顯示在html前端的方法

您可能感興趣的文章:

廣告贊助

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

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

vue實現當前時間動態顯示

微信小程式實現動態顯示和隱藏某個控制項

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

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

vue實現當前時間動態顯示

微信小程式 實現動態顯示和隱藏某個控制項

相關推薦

微信小程式實現動態顯示和隱藏某個控制項