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 自定义类型方法小结
Mar 02 Javascript
JS获取页面窗口大小的代码解读
Dec 01 Javascript
Javascript URI 解析介绍
Mar 15 Javascript
JQuery球队选择实例
May 18 Javascript
Node.js实现文件上传
Jul 05 Javascript
AngularJS基础 ng-copy 指令实例代码
Aug 01 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 Javascript
jQuery插件Validation表单验证详解
May 26 jQuery
解决Vue 项目打包后favicon无法正常显示的问题
Sep 01 Javascript
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 Javascript
vue父组件触发事件改变子组件的值的方法实例详解
May 07 Javascript
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
Dec 20 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
一个简单的自动发送邮件系统(三)
2006/10/09 PHP
在线增减.htpasswd内的用户
2006/10/09 PHP
转PHP手册及PHP编程标准
2006/12/17 PHP
用PHP调用Oracle存储过程的方法
2008/09/12 PHP
php中一个有意思的日期逻辑处理
2012/03/25 PHP
PHP中strncmp()函数比较两个字符串前2个字符是否相等的方法
2016/01/07 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
比较详细的关于javascript 解析json的代码
2009/12/16 Javascript
js中substring和substr的详细介绍与用法
2013/08/29 Javascript
如何书写高质量jQuery代码(使用jquery性能问题)
2014/06/30 Javascript
javascript的replace方法结合正则使用实例总结
2016/06/16 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
2016/07/11 Javascript
NodeJS 实现手机短信验证模块阿里大于功能
2017/06/19 NodeJs
微信小程序之裁剪图片成圆形的实现代码
2018/10/11 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
[02:38]DOTA2超级联赛专访Loda 认为IG世界最强
2013/05/27 DOTA
python比较2个xml内容的方法
2015/05/11 Python
初步认识Python中的列表与位运算符
2015/10/12 Python
Python中列表元素转为数字的方法分析
2016/06/14 Python
Python数据结构之翻转链表
2017/02/25 Python
Python实现完整的事务操作示例
2017/06/20 Python
Python中super函数的用法
2017/11/17 Python
python在每个字符后添加空格的实例
2018/05/07 Python
python统计多维数组的行数和列数实例
2018/06/23 Python
Pycharm 2020.1 版配置优化的详细教程
2020/08/07 Python
销售高级职员求职信
2013/10/29 职场文书
酒店门卫岗位职责
2013/12/29 职场文书
捐书寄语赠言
2014/01/18 职场文书
应聘护理专业毕业自荐书范文
2014/02/12 职场文书
美术指导助理求职信
2014/04/20 职场文书
学校安全管理责任书
2014/07/23 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
经典导游欢迎词
2015/01/26 职场文书
实名检举信范文
2015/03/02 职场文书
导游词之上海东方明珠塔
2019/09/25 职场文书
单身狗福利?Python爬取某婚恋网征婚数据
2021/06/03 Python