Use jQuery to insert multiple data into a modal box. Implementation Code _ jquery

This article describes how to use jQuery to insert multiple pieces of data into a modal box. It is very simple and practical. For more information, see The Code is as follows:

// Bootstrap modal box (partial)

　　

　　　　　　 　　　　　　 　　　　　　　　　　　

Name	Original Price

The Code is as follows:

/**
* View data details
* @ Blackeye poet
*/
Function orderDetail (order_no)
{
// 1. Clear the modal box data first
$ ('# OrderDetail'). find ('tr '). first (). nextAll (). remove ();

// 2. Insert externally
Var order_no = order_no;

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

// Data format: [{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 (""+ N ['organize _ name'] +": "+ n ['cate _ name'] +" -- "+ n ['course _ name'] +""+ N ['old _ price'] +""+ N ['sale _ price'] +"");
});
});
}