js中动态加载---append

$(‘#Order_information‘).append(‘
<div class="single_product">
<div class="Cancel">
<a href="javascript:void(0);" onclick="continuePay(‘+orderno+‘,‘+useId+‘);">继续支付</a>
<a href="javascript:void(0);" onclick="cancelOrder(‘+orderno+‘,‘+useId+‘);">取消订单</a>
</div>
<ul class="Top_mation">
<li>订单编号: <span class="indent_number">‘+data[i].baseinfor.orderno+‘</span></li>
<li class="right">状态: <span class="mode">‘+orderstate+‘</span></li>
</ul>
<div class="Middle_mation" onclick="showOrderDetail(‘+orderno+‘,‘+useId+‘);">
<a href="javascript:void(0);"><img src="‘+urlpath+‘/views/quicksure/imags/car.png"></a>
<ul>
<li><h3>汽车保险</h3></li>
<li>车牌号: <span class="Car_number">‘+data[i].vhlinfor.lcnno+‘</span></li>
<li>
商业险起期:<span class="begin_date">‘+data[i].baseinfor.sypolicystartdate+‘</span>&nbsp;&nbsp;&nbsp;&nbsp;
交强险起期:<span class="begin_date">‘+data[i].baseinfor.jqpolicystartdate+‘</span>
</li>
<li>
商业险止期:<span class="end_date">‘+data[i].baseinfor.sypolicyenddate+‘</span>&nbsp;&nbsp;&nbsp;&nbsp;
交强险止期:<span class="end_date">‘+data[i].baseinfor.jqpolicyenddate+‘</span>
</li>
</ul>
<b>〉</b>
</div>
<p>金额: <span class="money">‘+data[i].baseinfor.totalPremium+‘</span></p>
</div>‘);

function addPolicyInfo(insuranceDetailsVO,orderstate){
var orderno="‘"+insuranceDetailsVO.baseinfor.orderno+"‘";
var useId="‘"+insuranceDetailsVO.baseinfor.userinforid+"‘";
var order_info = $(‘#Order_information‘);
var sp_div = $(‘<div class="single_product"/>‘);
sp_div.append($(‘<ul class="Top_mation"/>‘).append(‘<li class="left">订单编号: <span class="indent_number">‘+insuranceDetailsVO.baseinfor.orderno+‘</span></li class="right"><li class="right">状态: <span class="mode">‘+orderstate+‘</span></li>‘));
var mm_div = $(‘<div class="Middle_mation" onclick="showOrderDetail(‘+orderno+‘,‘+useId+‘);"/>‘);
mm_div.append(‘<a href="#"><img src="‘+urlpath+‘/views/quicksure/imags/carLogo.jpg" style="width:110px;height:98px;"/>‘);
var sp_ul = $(‘<ul/>‘).append(‘<li>车牌号: <span class="Car_number">‘+insuranceDetailsVO.vhlinfor.lcnno+‘</span>&nbsp;&nbsp;车主:<span>‘+insuranceDetailsVO.vhlinfor.drvowner+‘</span></li>‘);
if(insuranceDetailsVO.baseinfor.sypolicystartdate != null){
sp_ul.append($(‘<li>商业险起期:<span class="begin_date">‘+insuranceDetailsVO.baseinfor.sypolicystartdate.slice(0,11)+‘</span></li>‘));
}
if(insuranceDetailsVO.baseinfor.sypolicyenddate != null){
sp_ul.append($(‘<li>商业险止期:<span class="end_date">‘+insuranceDetailsVO.baseinfor.sypolicyenddate.slice(0,11)+‘</span></li>‘));
}
if(insuranceDetailsVO.baseinfor.jqpolicystartdate != null){
sp_ul.append($(‘<li>交强险起期:<span class="begin_date">‘+insuranceDetailsVO.baseinfor.jqpolicystartdate.slice(0,11)+‘</span></li>‘));
}
if(insuranceDetailsVO.baseinfor.jqpolicyenddate != null){
sp_ul.append($(‘<li>交强险止期:<span class="end_date">‘+insuranceDetailsVO.baseinfor.jqpolicyenddate.slice(0,11)+‘</span></li>‘));
}
mm_div.append(sp_ul).append(‘<b>〉</b>‘);
sp_div.append(mm_div);
var p = $(‘<p/>‘);
if(insuranceDetailsVO.baseinfor.orderstate==30||insuranceDetailsVO.baseinfor.orderstate==40){
p.append(‘<a href="#" onclick="continuePay(‘+orderno+‘,‘+useId+‘);">继续支付</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onclick="cancelOrder(‘+orderno+‘,‘+useId+‘);">取消订单</a>&nbsp;&nbsp;&nbsp;&nbsp;‘);
}
if(insuranceDetailsVO.baseinfor.orderstate==10||insuranceDetailsVO.baseinfor.orderstate==20){
p.append(‘<a href="#" onclick="continueInsure(‘+orderno+‘,‘+useId+‘);">继续投保</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onclick="cancelOrder(‘+orderno+‘,‘+useId+‘);">取消订单</a>&nbsp;&nbsp;&nbsp;&nbsp;‘);
}
p.append(‘金额: <span class="money">‘+insuranceDetailsVO.baseinfor.totalPremium+‘</span>‘);
sp_div.append(p);
order_info.append(sp_div);
}

时间: 2024-10-20 08:58:01

js中动态加载---append的相关文章

zTree 从数据库中动态加载树形菜单

这几天做动态菜单用到了这个插件,目前用的很广泛的一个开源框架,最新发布的QUI框架就是用这个插件开发的菜单部分,因此还是很值得深入研究和学习,通过使用感觉功能很丰富,好多函数不用自己开发和编写,官网上有很详尽的API可以参考,用着算顺手但学习使用的过程中也遇到了一些困难,听过反复测试和查资料都理解了,但也在思考一个问题,怎么样才能使得最快的时间从接触一个新东西到灵活掌握的程度? 这个不仅仅是一个树形结构的菜单,每个节点左边可以有一个复选框,看了看也挺简单的,只需要在setting里面配置一个ch

js插件动态加载js、css解决方案

最近因为工作需要做了一个js自动导入的插件,一开始很天真的以为动态创建个script添加到head中就ok了,试了之后才发现了问题,就是如果同时引入了多个js文件,而且后一个文件中用到了前一个文件中的变量,那就会报错,靠~~悲催了,就是说js如果动态加载(非浏览器加载因为浏览器加载时同步加载的会等待前一个js加载完成后才进行下一个js加载,这样就不会出现问题)那加载的文件是异步进行的,难怪啊!然后在网上找了些资料说用ajax同步加载,然后我试了真可以,下面就是我的代码分享出来给大家,但是注意这样

js实现动态加载脚本的方法实例汇总

本文实例讲述了js实现动态加载脚本的方法.分享给大家供大家参考,具体如下: 最近公司的前端地图产品需要做一下模块划分,希望用户用到哪一块的功能再加载哪一块的模块,这样可以提高用户体验. 所以到处查资料研究js动态脚本的加载,不过真让人伤心啊!,网上几乎都是同一篇文章,4种方法,讨厌其中拷贝别人成果的人,也不加个原文的链接.哎!关键是最后一种方法还有点错误.经过两天的研究查阅资料,在这里和大家分享一下. 首先我们需要一个被加载的js文件,我在一个固定文件夹下创建了一个package.js,打开后在

Java中动态加载jar文件和class文件

概述 诸如tomcat这样的服务器,在启动的时候会加载应用程序中lib目录下的jar文件以及classes目录下的class文件,另外像spring这类框架,也可以根据指定的路径扫描并加载指定的类文件,这个技术可以实现一个容器,容纳各类不同的子应用. Java类由于需要加载和编译字节码,动态加载class文件较为麻烦,不像C加载动态链接库只要一个文件名就可以搞定,但JDK仍提供了一整套方法来动态加载jar文件和class文件. 动态加载jar文件 // 系统类库路径 File libPath =

js的动态加载、缓存、更新以及复用(二)

上一篇发出来后得到了很多回复,在此首先感谢大家的热情捧场!有的推荐第三方框架,比如 In.js.requrieJS.sea.js.lab.js等.这个开阔了眼界,以前只知道sea.js,省去了自己搜索的麻烦.也用了点时间简单看了一下,因为每一个都是大块头,都有自己的理念,如果只是简单使用的话,那么谁便找一个就可以了,但是我习惯把原理弄清楚.因为我觉得虽然不知道原理也可以使用,但是知道了原理后,可以用的更好. 主要看的是sea.js,目前简单的理解是:一个加载js的机制 + 模块化编程(CMD规范

js的动态加载、缓存、更新以及复用(一)

使用范围: OA.MIS.ERP等信息管理类的项目,暂时不考虑网站. 遇到的问题: 完成一个项目,往往需要引用很多js文件,比如jQuery.js.easyUI等.还有自己写的一些列js文件,那么这些文件如何方便的加载,如果文件有变化如何才能让客户端及时更新缓存?如果能够提高点运行效率,那就更好了. 目标: 1.  可以方便的引用js文件. 2.  尽量使用各种缓存,避免频繁从服务器读取文件. 3.  如果js文件有更新或者增加.减少几个减少js文件,需要客户端能够自动.立刻更新. 4.  Js

js的动态加载、缓存、更新以及复用(三)

总体思路 1.  建立一个js服务,该服务实现通用js文件的加载.依赖.缓存.更新以及复用. 2.  各个项目如果使用通用js,可(bi)以(xu)使用js服务实现加载. 3.  Js服务只提供通用的js,比如jQuery.my97.easyUI等(可根据实际情况设定具体的js文件). 4.  其他针对特点需求写的js文件,需要自己写代码加载.Js服务可以提供加载用函数.(正在考虑要不要使用sea.js) 5.  Js服务加载的js文件,不需要做任何修改.当然也不负责各个文件里的函数名称是否冲突

在ASP.NET中动态加载内容(用户控件和模板)

在ASP.NET中动态加载内容(用户控件和模板) 要点: 1. 使用Page.ParseControl 2. 使用base.LoadControl 第一部分:加载模板 下 面是一个模板“<table width=100%><tr><td width=100% colspan=2 runat=server id=ContainerTop></td></tr><tr><td width=30% runat=server id=Con

在MVC应用程序中动态加载PartialView

有时候,我们不太想把PartialView直接Render在Html上,而是使用jQuery来动态加载,或是某一个事件来加载. 为了演示与做好这个练习,我们先在Views目录下的Home下创建_Partial1.cshtml部分视图,视图内容任你自定义,Insus.NET在本例中只让其显示一些文字与一张图片: 接下来,我们需要建立一个ActionResult()方法,在Controllers目录之下,打开HomeController.cs: 再去Views\Home目录,创建一个DynamicL