热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

仿站:织梦,后台html加载jquery解析xml?

xml代码:<?xmlversion"1.0"encoding"UTF-8"?><rows><rowgid"03"pid"2015340"gname"金钱榜"code"1,2,3"awardtime"2015-12-1312:30:00"ginfo&quo
xml代码:


jquery代码:
//主程序
Class('App', {

use: 'countDown',
ready: true,
index:function (){       
    this.listdata=[];
    this.kjlistdata=[];
    this.todaykjlistdata=[];
    this.loadaopencode();
},
loadaopencode: function (){
    this.ajax({
        url:"/aopencode.xml",
        retry:1,
        cache:false,
        end:function (data, i){
            this.qXml('//rownow', data.xml, function (o, i){
                this.listdata[this.listdata.length] = o.items;
            }); 
            this.qXml('//row', data.xml, function (o, i){
                this.kjlistdata[this.kjlistdata.length] = o.items;
            });
            this.qXml('//rowtoday', data.xml, function (o, i){
                this.todaykjlistdata[this.todaykjlistdata.length] = o.items;
            }); 
            this.qXml('//row', data.xml, function (o, i){
                if (o.items.gid=="03"
                        ){
                                    this.showkj(o.items,data.date);
                }
                if(o.items.gid=="03"){
                    if(o.items.trycode==""||o.items.trycode==undefined){
                        $("#12sjh").html("");
                    }else{
                        var trycodes = o.items.trycode.replaceAll(',',' ');
                        $("#12sjh").html("消费榜:"+trycodes);
                    }
                    
                }
            });             
        }
    });
},

this.get("#dlt_code").html(''+code[0].split(',').join('')+''+' '+code[1].split(',').join('')+'');

        this.countdown(this.get("#dlt_countdown"),this.get("#dlt_kj_countdown"),nextendtime,d,awardtime,o.gid);
    }else if (o.gid=='80'){    
        this.get("#sfc_pid").html(o.pid);    
        this.get("#sfc_pools").html(o.pools);
        this.get("#sfc_kjdate").html(o.auditdate==undefined||o.auditdate==''?o.awardtime.substr(0,10):o.auditdate.substr(0,10));    
        this.get("#sfc_code").html(o.code.split(',').join(' '));    
        var aginfo = o.ginfo.split(",");
        var aninfo = o.ninfo.split(",");
        var rjinfo = this.getginfo("81");
        if(aginfo.length>1)
        this.countdown(this.get("#sfc_countdown"),'',this.getnextendtime(o.gid),d,'',o.gid);
    }else if (o.gid=='03'){    
        this.get("#sd_pid").html(o.pid);    
        this.get("#sd_kjdate").html(o.awardtime.substr(0,10));
        $("#qlc_code").html(''+code[0].split(',').join('')+''+' '+code[1].split(',').join('')+'');
    }
    
},

原html代码:




金钱榜  2015-12-13  2015641开榜:每天12:30

123             消费榜:3 2 1




想修改的html代码:



【这里】  【这里】  【这里】开榜:每天12:30

【这里】             【这里】【这里】




请各位大虾帮帮忙啊!给个思路啊!

回复内容:

xml代码:


jquery代码:
//主程序
Class('App', {

use: 'countDown',
ready: true,
index:function (){       
    this.listdata=[];
    this.kjlistdata=[];
    this.todaykjlistdata=[];
    this.loadaopencode();
},
loadaopencode: function (){
    this.ajax({
        url:"/aopencode.xml",
        retry:1,
        cache:false,
        end:function (data, i){
            this.qXml('//rownow', data.xml, function (o, i){
                this.listdata[this.listdata.length] = o.items;
            }); 
            this.qXml('//row', data.xml, function (o, i){
                this.kjlistdata[this.kjlistdata.length] = o.items;
            });
            this.qXml('//rowtoday', data.xml, function (o, i){
                this.todaykjlistdata[this.todaykjlistdata.length] = o.items;
            }); 
            this.qXml('//row', data.xml, function (o, i){
                if (o.items.gid=="03"
                        ){
                                    this.showkj(o.items,data.date);
                }
                if(o.items.gid=="03"){
                    if(o.items.trycode==""||o.items.trycode==undefined){
                        $("#12sjh").html("");
                    }else{
                        var trycodes = o.items.trycode.replaceAll(',',' ');
                        $("#12sjh").html("消费榜:"+trycodes);
                    }
                    
                }
            });             
        }
    });
},

this.get("#dlt_code").html(''+code[0].split(',').join('')+''+' '+code[1].split(',').join('')+'');

        this.countdown(this.get("#dlt_countdown"),this.get("#dlt_kj_countdown"),nextendtime,d,awardtime,o.gid);
    }else if (o.gid=='80'){    
        this.get("#sfc_pid").html(o.pid);    
        this.get("#sfc_pools").html(o.pools);
        this.get("#sfc_kjdate").html(o.auditdate==undefined||o.auditdate==''?o.awardtime.substr(0,10):o.auditdate.substr(0,10));    
        this.get("#sfc_code").html(o.code.split(',').join(' '));    
        var aginfo = o.ginfo.split(",");
        var aninfo = o.ninfo.split(",");
        var rjinfo = this.getginfo("81");
        if(aginfo.length>1)
        this.countdown(this.get("#sfc_countdown"),'',this.getnextendtime(o.gid),d,'',o.gid);
    }else if (o.gid=='03'){    
        this.get("#sd_pid").html(o.pid);    
        this.get("#sd_kjdate").html(o.awardtime.substr(0,10));
        $("#qlc_code").html(''+code[0].split(',').join('')+''+' '+code[1].split(',').join('')+'');
    }
    
},

原html代码:




金钱榜  2015-12-13  2015641开榜:每天12:30

123             消费榜:3 2 1




想修改的html代码:



【这里】  【这里】  【这里】开榜:每天12:30

【这里】             【这里】【这里】




请各位大虾帮帮忙啊!给个思路啊!

推荐阅读
  • 本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ... [详细]
  • Java实战之电影在线观看系统的实现
    本文介绍了Java实战之电影在线观看系统的实现过程。首先对项目进行了简述,然后展示了系统的效果图。接着介绍了系统的核心代码,包括后台用户管理控制器、电影管理控制器和前台电影控制器。最后对项目的环境配置和使用的技术进行了说明,包括JSP、Spring、SpringMVC、MyBatis、html、css、JavaScript、JQuery、Ajax、layui和maven等。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • 本文介绍了如何使用jQuery和AJAX来实现动态更新两个div的方法。通过调用PHP文件并返回JSON字符串,可以将不同的文本分别插入到两个div中,从而实现页面的动态更新。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 本文介绍了Java后台Jsonp处理方法及其应用场景。首先解释了Jsonp是一个非官方的协议,它允许在服务器端通过Script tags返回至客户端,并通过javascript callback的形式实现跨域访问。然后介绍了JSON系统开发方法,它是一种面向数据结构的分析和设计方法,以活动为中心,将一连串的活动顺序组合成一个完整的工作进程。接着给出了一个客户端示例代码,使用了jQuery的ajax方法请求一个Jsonp数据。 ... [详细]
  • 本文介绍了使用FormData对象上传文件同时附带其他参数的方法。通过创建一个表单,将文件和参数添加到FormData对象中,然后使用ajax发送POST请求进行文件上传。在发送请求时,需要设置processData为false,告诉jquery不要处理发送的数据;同时设置contentType为false,告诉jquery不要设置content-Type请求头。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文介绍了高校天文共享平台的开发过程中的思考和规划。该平台旨在为高校学生提供天象预报、科普知识、观测活动、图片分享等功能。文章分析了项目的技术栈选择、网站前端布局、业务流程、数据库结构等方面,并总结了项目存在的问题,如前后端未分离、代码混乱等。作者表示希望通过记录和规划,能够理清思路,进一步完善该平台。 ... [详细]
  • 本文介绍了在满足特定条件时如何在输入字段中使用默认值的方法和相应的代码。当输入字段填充100或更多的金额时,使用50作为默认值;当输入字段填充有-20或更多(负数)时,使用-10作为默认值。文章还提供了相关的JavaScript和Jquery代码,用于动态地根据条件使用默认值。 ... [详细]
  • jQuery如何判断一个元素是否被点击?
    本文介绍了使用jQuery判断一个元素是否被点击的方法,并通过示例进行了具体说明。注意要指定父级,否则会执行多次。 ... [详细]
  • 本文介绍了如何在Jquery中通过元素的样式值获取元素,并将其赋值给一个变量。提供了5种解决方案供参考。 ... [详细]
  • Jquery 跨域问题
    为什么80%的码农都做不了架构师?JQuery1.2后getJSON方法支持跨域读取json数据,原理是利用一个叫做jsonp的概念。当然 ... [详细]
  • 本文介绍了使用jQuery实现图片预加载和等比例缩放的方法,同时提供了演示和相关代码。该方法可以重置图片的宽度和高度,并使图片在水平和垂直方向上居中显示。 ... [详细]
author-avatar
finessi_739
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有