使用jQuery將多條數(shù)據(jù)插入模態(tài)框的實現(xiàn)代碼
更新時間：2014年10月08日 17:37:14 投稿：whsnow
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法，很簡單，很實用，需要的朋友可以參考下
復(fù)制代碼 代碼如下:
//Bootstrap模態(tài)框（局部）
<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>
復(fù)制代碼 代碼如下:
/**
* 查看數(shù)據(jù)詳情
* @黑眼詩人 <www.chenwei.ws>
*/
function orderDetail(order_no)
{
//1.先清空模態(tài)框數(shù)據(jù)
$('#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){
//數(shù)據(jù)的格式如： [{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>");
});
});
}
相關(guān)文章
加載等待效果想必大家都有見到過吧，其實很簡單，在本文將為大家介紹下使用jquery是如何實現(xiàn)的，感興趣的朋友可以參考下2013-09-09
jquery應(yīng)用實例分享_實現(xiàn)手風(fēng)琴特效
下面小編就為大家分享一篇jquery應(yīng)用實例_實現(xiàn)手風(fēng)琴特效的示例代碼。具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
圖片的展開和收縮使用jquery實現(xiàn)不可思議吧，感興趣的朋友可以參考下哈，希望對你學(xué)習(xí)jquery 有所幫助2013-04-04
jqGrid提供了大量的選項設(shè)置，開發(fā)者可以通過設(shè)置選項對應(yīng)值來控制jqGrid，比如表格的寬度、高度、數(shù)據(jù)類型以及列名稱等等都是通過選項設(shè)置來完成的2015-12-12利用jQuery插件imgAreaSelect實現(xiàn)圖片上傳裁剪（放大縮?。?/a>
本篇文章主要對jQuery插件imgAreaSelect實現(xiàn)圖片上傳裁剪（放大縮?。┑氖褂米隽撕喴治稣f明。需要的朋友來看下吧2016-12-12
jQuery 自動增長的文本輸入框?qū)崿F(xiàn)代碼
文本輸入框內(nèi)的字數(shù)不能確定，而input type="text"的size是固定的，當(dāng)字數(shù)超過size時（默認是20），先輸入的內(nèi)容就會從文本框的左端隱藏起來，不便于輸入。2010-04-04
這篇文章主要匯總了20種jQuery 和 CSS 的文本特效插件，都是比較熱門的特效插件，推薦給有需要的小伙伴。2014-12-12
deferred對象是jQuery的回調(diào)函數(shù)解決方案，jQuery之前的版本中異步回調(diào)這塊做的不是很好，所以后期補上了該解決方案。接下來通過本文給大家介紹jQuery中的derferred使用方法，非常不錯，需要的朋友參考下2017-03-03
jQuery.Highcharts.js繪制柱狀圖餅狀圖曲線圖
這篇文章主要介紹了jQuery.Highcharts.js繪制柱狀圖餅狀圖曲線圖的方法，非常的實用，小伙伴們可以直接拿到項目中使用。2015-03-03
現(xiàn)在我要在瀏覽器里讀取緩存，因為ajax請求的數(shù)據(jù)很大，請求一次就夠了。但是問題來了，在FF里面，是沒有ajax緩存的，也就是每次都會觸發(fā)ajax請求，這點和IE不一樣2013-12-12