使用jQuery将多条数据插入模态框的实现代码
更新时间：2014年10月08日 17:37:14 投稿：whsnow
这篇文章主要介绍了使用jQuery将多条数据插入模态框的方法，很简单，很实用，需要的朋友可以参考下
复制代码 代码如下:
//Bootstrap模态框（局部）
<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>
复制代码 代码如下:
/**
* 查看数据详情
* @黑眼诗人 <www.chenwei.ws>
*/
function orderDetail(order_no)
{
//1.先清空模态框数据
$('#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){
//数据的格式如： [{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>");
});
});
}
相关文章
加载等待效果想必大家都有见到过吧，其实很简单，在本文将为大家介绍下使用jquery是如何实现的，感兴趣的朋友可以参考下2013-09-09
下面小编就为大家分享一篇jquery应用实例_实现手风琴特效的示例代码。具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
图片的展开和收缩使用jquery实现不可思议吧，感兴趣的朋友可以参考下哈，希望对你学习jquery 有所帮助2013-04-04
jqGrid提供了大量的选项设置，开发者可以通过设置选项对应值来控制jqGrid，比如表格的宽度、高度、数据类型以及列名称等等都是通过选项设置来完成的2015-12-12
利用jQuery插件imgAreaSelect实现图片上传裁剪（放大缩小）
本篇文章主要对jQuery插件imgAreaSelect实现图片上传裁剪（放大缩小）的使用做了简要分析说明。需要的朋友来看下吧2016-12-12
文本输入框内的字数不能确定，而input type="text"的size是固定的，当字数超过size时（默认是20），先输入的内容就会从文本框的左端隐藏起来，不便于输入。2010-04-04
这篇文章主要汇总了20种jQuery 和 CSS 的文本特效插件，都是比较热门的特效插件，推荐给有需要的小伙伴。2014-12-12
deferred对象是jQuery的回调函数解决方案，jQuery之前的版本中异步回调这块做的不是很好，所以后期补上了该解决方案。接下来通过本文给大家介绍jQuery中的derferred使用方法，非常不错，需要的朋友参考下2017-03-03
jQuery.Highcharts.js绘制柱状图饼状图曲线图
这篇文章主要介绍了jQuery.Highcharts.js绘制柱状图饼状图曲线图的方法，非常的实用，小伙伴们可以直接拿到项目中使用。2015-03-03
现在我要在浏览器里读取缓存，因为ajax请求的数据很大，请求一次就够了。但是问题来了，在FF里面，是没有ajax缓存的，也就是每次都会触发ajax请求，这点和IE不一样2013-12-12
最新评论