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

<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了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值