根据样式往里添加动态数据

<div id="lefttrainingPlan">
    <div id="trainingPlantitle">训练计划<span class="titleright"><img src="css/common/image/titleright.png" /></span></div>
    <div id="trainingPlanbody">
        <div id="trainingPlanleft">
<%--       <ul class="ul">
                <li class="litime">2015/11/19<br />
                    08:00</li>
                <li class="litime">2015/11/19<br />
                    10:30</li>
                <li class="litime">2015/11/19<br />
                    14:00</li>
                <li class="litime">2015/11/19<br />
                    18:30</li>
            </ul>--%>
        </div>
        <div id="trainingPlancenter">
            <img src="css/common/image/planonefour.png" />
        </div>
        <div id="trainingPlanright">
   <%--         <ul class="ul">
                <li class="libody">活动身体</li>
                <li class="libody">活动身体</li>
                <li class="libody">活动身体</li>
                <li class="libody">活动身体</li>
            </ul>--%>
        </div>

<script type="text/javascript">
                $(function () {
                    GetTodayPlanFromWeekPlanTable();
                });
                function GetTodayPlanFromWeekPlanTable() {
                    $.post(location.href, { "action": "weekPlansInfo" }, function (data) {        //向后太代码传值
                        if (data != "0") {
                            var dataObj = eval("(" + data + ")");
                            var newstr = ‘<ul class="ul">‘;                                          //在原来的样式中找到添加      
                            var newstrd = ‘<ul class="ul">‘                                          //如上         
                            for (var i = 0; i < 4; i++) {                                             //循环添加
                                newstr += ‘<li class="litime">‘ + dataObj.rows[i].JSON_datenow   + ‘<br />‘ + dataObj.rows[i].JSON_starttime + ‘</li>‘;          //拼接<li></li>alter()找到所需的JSON_。。所需要的数据
                                newstrd += ‘<li class="libody">‘ + ‘<a href="‘ + dataObj.rows[i].JSON_weeksplansid + ‘">‘ + dataObj.rows[i].JSON_weektask + ‘</li>‘
                            }
                            newstr += ‘</ul>‘;
                            newstrd += ‘</ul>‘;
                            $("#trainingPlanleft").append(newstr);
                            $("#trainingPlanright").append(newstrd);
                        }
                    });
                }
    </script>
    </div>
</di

时间: 2024-08-05 06:39:24

根据样式往里添加动态数据的相关文章

js实现html节点、CSS样式、事件的动态添加以及html覆盖层的添加

(一)js实现html节点.CSS样式.事件的动态添加 ①场景描述:我们需要动态获取后台数据并将这些数据以列表方式展示,其中列表存在自己的列表样式,每个item都存在自己的点击事件.....那么在这种情况下我们是不是就需要用到动态添加节点的模式去处理呢? ②代码记录如下: $.ajax({ url : "***.action", type : 'post', dataType : 'json', contentType : "application/x-www-form-ur

在ASP.NET程序中用程序动态向&lt;head&gt;便签里添加&lt;meta&gt;标签

在使用ASP.NET框架开发: 若要在Html网页中加入<meta>设置,但想通过程序动态加入: 1.如果是ASP.NET4.0以前版本: 使用HtmlMeta类加入<meta>设置: //首先我们应该创立HtmlMeta类实体(命名空间:System.Web.UI.HtmlControls) HtmlMeta meta1=new HtmlMeta(); meta1.Name="keyword"; meta1.Content="ASP.NET,jQue

在&lt;s:iterator&gt;标签里给动态表格添加序号

在<s:iterator>标签里给动态表格添加序号,需要用到<s:iterator>标签里的Status属性里的count eg:<s:iterator value="" var="" status="st">                            <tr>                                <td><s:property value=&

在python里如何动态添加类的动态属性呢?

body { font-family: "Microsoft YaHei UI","Microsoft YaHei",SimSun,"Segoe UI",Tahoma,Helvetica,Sans-Serif,"Microsoft YaHei", Georgia,Helvetica,Arial,sans-serif,宋体, PMingLiU,serif; font-size: 10.5pt; line-height: 1.5;

Highcharts动态添加点数据

Highcharts用来作为图表数据的展示十分方便,效果也比较好.highcharts不仅可以实现死数据的展示,也能实现动态数据的实时添加显示,类似财经股票的实时刷新效果,实现过程并不难,大致如下. 引用HighCharts 3.0后,可以对装载Highcharts图表的DIV容器加上一个方法highcharts(),该方法可以将图表装载到相应的容器中.js部分的代码如下: 其中主要的方法包括 function loadMoreDataForNoiseChart(seriesObj) { var

html页面下拉列表中动态添加后台数据(格式化数据,显示出数据的层次感)

html页面下拉列表中动态添加后台数据(格式化数据,显示出数据的层次感) 效果图: 运行原理和技术: 当页面加载完毕,利用jquery向后台发送ajax请求,去后台拼接<select></select>中的option字符串.让后将字符串响应回来,动态添加到<select>中.其中的字符串中包含了后台的数据. 页面js代码: 1 <script type="text/javascript"> 2 //加载部门 3 function loa

ASP.NET MVC用存储过程批量添加修改数据

用Entity Framework 进行数据库交互,在代码里直接用lamda表达式和linq对数据库操作,中间为程序员省去了数据库访问的代码时间,程序员直接可以专注业务逻辑层的编写.但是对于比较复杂的表关系关联查询或者修改就比较费劲了.通常可以采用的方式是用EF执行SQL语句或者"存储过程",特别是执行复杂批量任务,当然也可以在MVC底层用ADO.NET,这里就不多说了.怎么做批量呢?这里讲讲在EF下用存储过程批量添加修改数据. 需求是这样的:需要批量添加修改产品类别的投放任务数额,每

achartengine 实现平行线 动态数据 x轴动态移动

achartengine做平行线的时候经常会遇到: java.lang.IndexOutOfBoundsException: Invalid index 1, size is 1 at java.util.ArrayList.throwIndexOutOfBoundsException(ArrayList.java:251) at org.achartengine.renderer.DefaultRenderer.getSeriesRendererAt(DefaultRenderer.java:

用myEclipse连接数据源生成动态数据报表

连接数据库,通过数据库查询得到的数据生成动态的数据报表,首先需要用myEclipse连接到一个数据库,一般是在导航栏的右上方会有切换按钮,切换工作环境为 MyEclipse DataBase Explorer的工作环境,然后开发界面的左侧框会有 DB Drowser工作栏,右击工作栏内的MyEclipse Derby,New一个新的数据库连接,如下  然后测试连接成功后,将工作台切换到java ee开发模式,新建一个Report Web Project项目,一路点下一步到完成创建然后工作台切换成