zoukankan      html  css  js  c++  java
  • ajax返回二维数组处理++局部数据刷新

    <div class="rank">
        <div class="title">排行榜</div>
        <table id="fresh">
            <tr>
                <th>节目名称</th>
                <th>表演部门</th>
                <th>获得票数</th>
            </tr>
            <{foreach from=$rank item=r}>
                <tr add='true'>
                    <td><{$r.program_name}></td>
                    <td><{$r.department}></td>
                    <td><{$r.votes}></td>
                </tr>
            <{/foreach}>
        </table>
    </div>
    <script type="text/javascript">
    $(function(){
    	var timer=null;
    	timer=setInterval(function(){
    		var content='';
    		$.ajax({
    			type: 'POST',
    			url: '?program-rankAjax.html',
    			dataType: 'json',
    			success:function(json){
    				// 二维数组处理
    				/*$('#fresh').find('tr[add]').remove();
    				for (var i = 0; i < json.length; i++) {//each
    					content+='<tr  add="true"><td>'+json[i].program_name+'</td><td>'+json[i].department+'</td><td>'+json[i].votes+'</td></tr>';
    				}
    				$("#fresh").append(content);*/
    				$('#fresh').find('tr[add]').remove();
    				$.each(json,function(k,v){
    					content+='<tr  add="true"><td>'+v.program_name+'</td><td>'+v.department+'</td><td>'+v.votes+'</td></tr>';
    				});
    				$("#fresh").append(content);
    			}
    		});
    	},6000);
    })
    </script>
    

      

  • 相关阅读:
    flask_admin+flask_login 整合,jieba分词+echarts数据分析可视化
    古诗词网爬虫实现
    Flask admin Flask login 整合模板
    API网关Kong
    Flask添加新命令
    MyBatis连接MySQL8配置
    golang锁
    golang goroutine
    golang管道
    golang结构体
  • 原文地址:https://www.cnblogs.com/xuedong/p/5089624.html
Copyright © 2011-2022 走看看