关于从后台传来的json数据，使用jquery动态展现所有的item，给每个item添加删除功能

来源：互联网发布：中银淘宝信用卡年费编辑：程序博客网时间：2024/05/29 16:42

<table class="table table-hover"><thead><tr><th>标题</th><th>内容</th><th>创建时间</th><th>操作</th></tr></thead><tbody id="tbody"></tbody></table>

<script>$(document).ready(function() {getMessageAll();});function sendMsgToServlet() {var publicMsgThemePara = $("#publicMsgTheme").val().trim();var publicMsgContentPara = $("#publicMsgContent").val().trim();if(publicMsgThemePara != "" && publicMsgContentPara != "") {$.get('/secondaryMarket/PulibcMsg', {status : 1,publicMsgTheme : publicMsgThemePara,publicMsgContent : publicMsgContentPara}, function(data, textStatus) {if(textStatus == "success") {if(data.isSuccess == "true") {alert("发送成功！");$("#tbody").empty();//回复成功后，先进行清空，再重新拿出所有的东西getMessageAll();} else {if(data.isRegister == "false") {alert("请先进行登录！");window.location.href = "/secondaryMarket/pages/Public_Visit/login.html";} else if(data.isAdmin == "false") {window.location.href = "/secondaryMarket/pages/Public_Visit/login.html";} else {alert("请刷新重试！");}}} else {alert("发送失败！请刷新重试！");}}, "json");}}/* {"isAdmin":"true","publicMsgs":null,"isSuccess":"true","isRegister":"true"} *//* publicMsgId | publicMsgTheme | publicMsgContent | publicMsgTime */function getMessageAll() {$.get('/secondaryMarket/PulibcMsg',{status : 3},function(data, textStatus) {if(textStatus == "success") {if(data.isSuccess == "true") {for(var i = 0; i < data.publicMsgs.length; i++) {var tbody = $('<tr></tr>');var td = $('<td></td>');td.text(data.publicMsgs[i].publicMsgTheme);td.appendTo(tbody);var td1 = $('<td></td>');td1.text(data.publicMsgs[i].publicMsgContent);td1.appendTo(tbody);var td2 = $('<td></td>');td2.text(data.publicMsgs[i].publicMsgTime);td2.appendTo(tbody);var td3 = $('<td></td>');var a = $('<a></a>');a.text("删除");a.bind("click", {index:data.publicMsgs[i].publicMsgId}, function(event){<pre name="code" class="javascript">                                                                                $.get('/secondaryMarket/PulibcMsg', {status : 2,publicMsgId : event.data.index}, function(data, textStatus) {//alert(data.isSuccess);if(textStatus == "success") {if(data.isSuccess == "true") {alert("删除成功！");$("#tbody").empty();//删除成功后，先进行清空，再重新拿出所有的东西getMessageAll();} else {if(data.isRegister == "false") {alert("请先登录！");window.location.href = "/secondaryMarket/pages/Public_Visit/login.html";} else {alert("请刷新重试！");}}} else {alert("您的网络可能存在问题，请刷新重试！");}}, "json");

});a.appendTo(td3);td3.appendTo(tbody);tbody.appendTo($("#tbody"));}} else {if(data.isRegister == "false") {alert("请先进行登录！");window.location.href = "/secondaryMarket/pages/Public_Visit/login.html";} else if(data.isAdmin == "false") {window.location.href = "/secondaryMarket/pages/Public_Visit/login.html";}}} else {alert("请刷新重试！");}},"json");}</script>

使用a.bind("click", {index:data.themes[i].themeId}, function(event) {

//将动态添加进来的json数据，进行替换成index，此处，继续使用event.data.index；就是需要用到的json的数据

})；

这样的话，一切就ok了。

0 0