JQuery inserts multiple data into the sample code of the modal box. jquery Mode

JQuery inserts multiple data into the sample code of the modal box. jquery Mode

// 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>>

/*** View data details ** @ <www. chenwei. ws> */function orderDetail (order_no) {// 1. first clear the modal box data $ ('# orderDetail '). find ('tr '). first (). nextAll (). remove (); // 2. insert var order_no = order_no; $. post (base_url + '? D = admin & c = orders & m = ajax_order_detail ', {order_no: order_no}, function (data) {// the data format 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> ");});});}

How does jquery Add rows to a specified table, insert data to each row, and one row can have hyperlinks

To convert a able to a JSON data type, you need to process it. Directly serialize using the JavaScriptSerializer class provided by Microsoft, and an error is returned.
Therefore, two methods need to be attached here to convert the datatable
# Region DataTable to JSON // <summary> // DataTable to generate JSON /// </summary> /// <param name = "dt"> </param> /// <returns> </returns> public static string CreateJSON (DataTable dt) {Dictionary <string, object> dit = new Dictionary <string, object> (); List <Dictionary <string, string> list = DateTableConverter (dt); if (list! = Null) {dit [dt. tableName] = DateTableConverter (dt); return new JavaScriptSerializer (). serialize (dit);} else {return "";}} /// <summary> /// convert the DataTable data to the dictionary type /// </summary> /// <param name = "dt"> </param> // /<returns> </returns> public static List <Dictionary <string, string> DateTableConverter (DataTable dt) {List <Dictionary <string, string> list = new List <Dictionary <string, string> (); string cloName = string. empty; foreach (DataRow dr in dt. rows) {Dictionary <string, string> cloumn = new Dictionary <string, string> (); foreach (DataColumn dc in dt. columns )...... remaining full text>

How does jquery Add rows and insert read data into the database?

Then you can assign the style of the row to be added to a variable and add it to the specified place using the append method!