[jQ] 使用jQuery将多条数据插入模态框的方法

 

//Bootstrap模态框（局部）
<div class="modal fade" id="orderDetail">
    <div class="modal-dialog">
        <div class="modal-content">
        　　<div class="modal-header">
            </div>

            <div class="modal-body">
                <table class="table">
                    <tr>
            　　　　　　<td>名 称</td>
            　　　　　　<td>原 价</td>
　　　　　　　　　　　 </tr>
                </table>
            </div>

            <div class="modal-footer">
            </div>
    </div>
</div>

 

/**
 * 查看数据详情
 * @黑眼诗人 <www.farwish.com>
 */
function orderDetail(order_no)
{
    //1.先清空模态框数据
    $('#orderDetail').find('tr').first().nextAll().remove();
    
　　//2.外部插入
    var order_no = order_no;
    
    $.post(base_url + '?d=admin&c=orders&m=ajax_order_detail', {order_no:order_no}, function(data){
        
　　　　 //数据的格式如： [{no:123,old:abc},{no:234,old:def},{no:345,old:ghi}]
        var obj = eval('(' + data + ')');
        
        $.each(obj, function(i, n){
        
            var tr = $('#orderDetail').find('tr').last();

            tr.after("<tr><td>"+ n['organize_name'] + "：" + n['cate_name'] + " -- " + n['course_name'] +"</td><td>"+ n['old_price'] +"</td><td>" + n['sale_price'] + "</td></tr>");
        });
    });
}

 

Refer：jQuery非过去式

Refer：jQuery正在进行时