jQuery将多条数据插入模态框的示例代码


Posted in Javascript onSeptember 25, 2014
//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>");
});
});
}
Javascript 相关文章推荐
javascript 动态添加事件代码
Nov 30 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
May 09 Javascript
Jquery 选中表格一列并对表格排序实现原理
Dec 15 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
手机端js和html5刮刮卡效果
Sep 29 Javascript
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
vue webpack开发访问后台接口全局配置的方法
Sep 18 Javascript
JavaScript常用工具方法封装
Feb 12 Javascript
详解Vue demo实现商品列表的展示
May 07 Javascript
JavaScript适配器模式原理与用法实例详解
Mar 09 Javascript
JavaScript 如何计算文本的行数的实现
Sep 14 Javascript
解决vue初始化项目一直停在downloading template的问题
Nov 09 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
Sep 25 #Javascript
jquery动态分页效果堪比时光网
Sep 25 #Javascript
浅析js预加载/延迟加载
Sep 25 #Javascript
深入了解Node.js中的一些特性
Sep 25 #Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
Sep 25 #Javascript
JS小游戏之仙剑翻牌源码详解
Sep 25 #Javascript
JS小游戏之宇宙战机源码详解
Sep 25 #Javascript
You might like
PHP默认安装产生系统漏洞
2006/10/09 PHP
php feof用来识别文件末尾字符的方法
2010/08/01 PHP
php压缩HTML函数轻松实现压缩html/js/Css及注意事项
2013/01/27 PHP
php常用文件操作函数汇总
2014/11/22 PHP
PHP缓存集成库phpFastCache用法
2014/12/15 PHP
php源码分析之DZX1.5字符串截断函数cutstr用法
2015/06/17 PHP
javascript 操作Word和Excel的实现代码
2009/10/26 Javascript
JavaScript CSS修改学习第五章 给“上传”添加样式
2010/02/19 Javascript
jQuery EasyUI API 中文文档 - EasyLoader 加载器
2011/09/29 Javascript
jQuery提示效果代码分享
2014/11/20 Javascript
JavaScript简单实现弹出拖拽窗口(一)
2016/06/17 Javascript
基于vue实现分页/翻页组件paginator示例
2017/03/09 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
js实现各浏览器全屏代码实例
2018/07/03 Javascript
JavaScript函数Call、Apply原理实例解析
2020/02/17 Javascript
jQuery HTML获取内容和属性操作实例分析
2020/05/20 jQuery
JavaScript编写开发动态时钟
2020/07/29 Javascript
[01:48:04]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第一场 2月7日
2021/03/11 DOTA
对python读写文件去重、RE、set的使用详解
2018/12/11 Python
Python判断有效的数独算法示例
2019/02/23 Python
PyQt5实现简易电子词典
2019/06/25 Python
python全栈要学什么 python全栈学习路线
2019/06/28 Python
使用 Python 遍历目录树的方法
2020/02/29 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
HTML5验证以及日期显示的实现详解
2013/07/05 HTML / CSS
联想台湾官网:Lenovo TW
2018/05/09 全球购物
CHARLES & KEITH英国官网:新加坡时尚品牌
2018/07/04 全球购物
俄罗斯最大的在线珠宝大卖场:Nebo
2019/12/08 全球购物
群众路线批评与自我批评发言稿
2014/10/16 职场文书
夫妻双方自愿离婚协议书
2014/10/24 职场文书
党风廉政建设调研报告
2015/01/01 职场文书
学生自我评语
2015/01/04 职场文书
党员倡议书
2015/01/19 职场文书
暑期社会实践个人总结
2015/03/06 职场文书
教你怎么用Python生成九宫格照片
2021/05/20 Python
关于EntityWrapper的in用法
2022/03/22 Java/Android