Use jquery to insert multiple data into the implementation code of a modal box _jquery

Copy Code code as follows:

Bootstrap modal box (partial)
<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> name </td>
<td> Original Price </td>
</tr>
</table>
</div>

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

Copy Code code as follows:

/**
* View data details
* @ Black eyed poet <www.chenwei.ws>
*/
function OrderDetail (order_no)
{
1. Clear the Modal box data first
$ (' #orderDetail '). Find (' tr '). Nextall ().

2. External insertion
var order_no = order_no;

$.post (Base_url + '? D=admin&c=orders&m=ajax_order_detail ', {order_no:order_no}, function (data) {

The format of the data is as follows: [{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> ");
});
});
}