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