在开发的过程中，经常会遇到弹出框显示前一页table列表的情况，这时候会有好多方法来来解决，有的人可能会说重新查一遍数据显示，有的人会说直接用js将值拷贝过去，然后再修改，不过现在就介绍怎么用jquery将值拷贝到第二页并拆分拷贝的值。
母页显示数据格式如下：
如下是弹出框显示页：
基于jQuery的AJAX和JSON的实例 中文WORD版
本文档主要讲述的是基于jQuery的AJAX和JSON的实例；过jQuery内置的AJAX功能，直接访问后台获得JSON格式的数据，然后通过jQuer把数据绑定到事先设计好的html模板上，直接在页面上显示。有需要的朋友可以下载看看
下载
如下为jquery代码显示：
发货情况
- 发货批次
- 商品
- 发货数量
- 剩余数量
- 收货数量
- 收货状态
- 操作
${outer.index+1}
${deliverGoodsDetaiList.goodsName}
${deliverGoodsDetaiList.goodsName}
${deliverGoodsDetaiList.deliveryNum}
${deliverGoodsDetaiList.overplusNum}
${deliverGoodsDetaiList.takeDeliveryNum}
待发货
待确认收货
已收货
退货
查看备注
${deliverGoodsList.logisticsRemark}
<%--${deliverGoodsDetaiList.goodsId} --%>
暂无发货信息
确认收货数量
发货批次
商品
发货数量
剩余
收货数量
请仔细核对收货数量后确认
<%----%>
<%----%>
确定
取消
function showDeliver(deliverId){
var delitems= $("#table1 tr[flag='"+deliverId+"']").clone();
$(delitems).each(function(index){
if(index==0){
$($(this).find("td")[6]).remove();
$($(this).find("td")[5]).remove();
var deliverNum = $($(this).find("td")[2]).text();
var inputHTML=""
$($(this).find("td")[4]).empty();
$($(this).find("td")[4]).append(inputHTML);
}else{
var deliverNum= $($(this).find("td")[1]).text();
var inputHTML=""
$($(this).find("td")[3]).empty();
$($(this).find("td")[3]).append(inputHTML);
}
});
$("#messageBoxWin table tbody").empty();
$("#messageBoxWin table tbody").append(delitems);
deliverGoodsId=deliverId;
}