<div class="index_main">
        <div class="page_l">
           <include file="Public:left" />  
           
           <div class="weixin_item">
             <h3>官方信息</h3>
             <div class="weixin_box">
                <div class="weixin_img"><img src="__IMG__/ewm.jpg" style="width:112px;height;112px"></div>
                <div class="weixin_cnt">
                   <h6>扫一扫 找萌妹</h6>
                   <p>龙妹妹助你一起畅游<br>
《龙》世界</p>
                </div>
             </div>
           </div>
        </div>
        <div class="page_r">
           <div class="lis_pos"><div class="cat_name"><h3>新闻中心</h3><span>NEWS</span></div><div class="cat_pos">您所在的位置:<a href="{:U('Index/index_index')}" target="_blank">首页</a> > <a href="/" target="_blank">新闻中心</a></div></div>
           <div class="news_box">
             <div class="news_tabs">
              <ul>
                 <li><a  data-id="40"   target="_self">综合</a></li>
                 <li><a  data-id="40" class="cur" target="_self">新闻</a></li>
                 <li><a  data-id="41" target="_self">公告</a></li>
                 <li><a  data-id="42" target="_self">媒体</a></li>
                 <li><a  data-id="43" target="_self">活动</a></li>
              </ul>
              <div class="clear"></div>
             </div>
             <div class="clear"></div>
             <div class="news_list">
              <ul>
              <foreach name="list" item="lists">
                 <li><span class="datetime">{$lists.update_time|date="Y-m-d",###}</span><a href="{:U('News/content','id='.$lists['id'])}" target="_self">{$lists.title}</a></li>
               </foreach>
              </ul>
              <div class="clear"></div>
              <div class="list_page">
              {$page}
              </div>
           </div>
           </div>
        </div>
        <div class="clear"></div>   
     </div>
        <div class="clear"></div>
        <div class="index_bottom_txt"><img src="__IMG__/bottom_text.png"></div>
        <div class="clear"></div>
        <div class="bottom_wrap"></div>
</div>
<div class="clear"></div>
<include file="Public:foot" />
<script language="javascript">
$(function(){
    $(".news_tabs li a").click(function(event){
        event.preventDefault();
        $(".news_tabs li a").removeClass('cur');
        $(this).addClass('cur');
        var id = $(this).attr("data-id");
        $.ajax({
          url:"{:U('News/activity')}",
          type:"post",
          data:"id="+id,
          dataType:"json",
          success:function(str){
            if(str.status){
               $('.news_list ul').empty();
               $.each(str.info.list, function(index, val) {   
                    $("<li><span class=\"datetime\">"+val.create_time+"</span><a href=\"/home/news/content/id/"+val.id+".html\" target=\"_self\">"+val.title+"</a></li>").appendTo('.news_list ul');
                });
               $('.list_page').html(str.info.page);
            }
            
          }
       
        });
    });
    $(document).on("click",".list_page div a",function(event){
          event.preventDefault();

var id = $(".news_tabs li a.cur").attr("data-id");
          $.ajax({
              url:$(this).prop("href"),
              type:"post",
              data:"id="+id,
              dataType:"json",
              success:function(str){
                if(str.status){
                   $('.news_list ul').empty();
                   $.each(str.info.list, function(index, val) {   
                        $("<li><span class=\"datetime\">"+val.create_time+"</span><a href=\"/home/news/content/id/"+val.id+".html\" target=\"_self\">"+val.title+"</a></li>").appendTo('.news_list ul');
                    });
                   $('.list_page').html(str.info.page);
                }
              }
            });
    });
   
})
</script>

ajax通过新闻id获取列表的更多相关文章

  1. monkeyrunner之坐标或控件ID获取方法(六)

    Monkeyrunner的环境已经搭建完成,现在对Monkeyrunner做一个简介. Monkeyrunner工具提供了一套API让用户/测试人员来调用,调用这些api可以控制一个Android设备 ...

  2. MSCRM 获取列表所选记录相关信息

    问题:如何通过JS获取列表中所选记录信息? 解决办法: The CRM2011 Ribbon has a special set of parameters called 'CrmParameters ...

  3. Javascript根据id获取数组对象

    在业务中,列表页跳转详情页时,经常会将Id值传入,然后再根据id值异步获取数据. 假设有服务端的json数据:  <注意,这里的data是指已经从后端获取的json, 而非后端原始的文件> ...

  4. 线程、线程ID获取

    一.进程ID获取 1.1  当前进程的Id 方法1 通过进程名获取 下面的例子中,也包含了获取该进程下的线程的方法. System.Diagnostics.Process[] processes:bo ...

  5. Django restframwork获取列表详情

    z哎Django restframwork中就有一个类可以获取列表的详情内容,只有两行代码就可以搞定,在浏览器测试是ok的.但是这样的接口给前端,前端点击详情然后会将models.表名.objects ...

  6. WPF 微信 MVVM 【续】修复部分用户无法获取列表

    看过我WPF 微信 MVVM这篇文章的朋友,应该知道我里面提到了我有一个小号是无法获取列表的,始终也没找到原因. 前两天经过GitHub上h4dex大神的指导,知道了原因,是因为微信在登录以后,web ...

  7. JavaScript通过ID获取元素坐标

    JavaScript通过ID获取元素坐标 function getElementPos(elementId) {    var ua = navigator.userAgent.toLowerCase ...

  8. js中用tagname和id获取元素的3种方法

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. SharePoint 快捷获取列表栏内部名称

    在列表设置页面点击浏览器书签获取列表字段内部名称,使用效果如下图: 如何使用: 修改浏览器上任意书签的url地址为以下代码,注意:代码中不能有换行符 javascript:(function(){va ...

随机推荐

  1. SQL - 创建一个学生表,要求有主键约束和非空约束

    CREATE TABLE [dbo].[Student] ( [ID] [int] NOT NULL, [Name] [nchar](10) NOT NULL, [Age] [int] NOT NUL ...

  2. asp.net mvc 抓取京东商城分类

    555 asp.net mvc 抓取京东商城分类   URL:http://www.jd.com/allSort.aspx   效果:   //后台代码 public ActionResult Get ...

  3. oracle--Windows不能在本地计算机启动OracleDBConsoleorcl .错误代码1

    安装完数据库后能够启动,重新启动电脑后,手动启动就会报错. 现象: Windows 不能在 本地计算机 启动 OracleDBConsoleorcl.有关很多其它信息.查阅系统事件日志.假设这是非 M ...

  4. struts2 java.io.FileNotFoundException: http://www.opensymphony.com/xwork/xwork-validator-1.0.2.dtd

    xxx-validation.xml 文件里  java.io.FileNotFoundException: http://www.opensymphony.com/xwork/xwork-valid ...

  5. canvas鼠标点击划线

    今天学习了canvas,打算写一个鼠标划线的效果. <!DOCTYPE html> <html lang="en"> <head> <me ...

  6. 2.NetDh框架之简单高效的日志操作类(附源码和示例代码)

    前言 NetDh框架适用于C/S.B/S的服务端框架,可用于项目开发和学习.目前包含以下四个模块 1.数据库操作层封装Dapper,支持多种数据库类型.多库实例,简单强大: 此部分具体说明可参考博客: ...

  7. win10访问共享文件夹提示:引用的账户当前已锁定,且当前可能无法登陆

    最近一台电脑访问windows 2008 R2 server的共享文件夹.没有使用域环境. win10界面提示:引用的账户当前已锁定,且当前可能无法登陆. 登陆2008发现,该账户的确锁定.猜测可能该 ...

  8. 2016/04/26 流程 数据库lcdb 四个表 1,用户表users 2,流程表(设定有哪些流程)liucheng 3,流程发起者表(记录谁发起到哪里) 4,流程经过的人员表 flowpath (order排序)

    流程:      十一 个页面 1,denglu.php(登录) <!DOCTYPE html> <html lang="en"> <head> ...

  9. 2016-2017 ACM-ICPC Southwestern European Regional Programming Contest (SWERC 2016) D.Dinner Bet 概率DP+排列组合

    题目链接:点这里 题意: 1~N标号的球 现在A有C个,B有C个 每次可以随机得到D个不同的球(1~N);问你A或B中的C个球都出现一次的 期望次数 题解: dp[i][j][k]表示 随机出现了i个 ...

  10. 【bzoj4401】块的计数

    首先,块的大小确定的话,可以发现方案最多只有1种 然后就可以O(nsqrt(n))搞,不过会TLE 接着我们又发现,一个节点可以作一个块的根,当且仅当该节点的size能被块的大小整除 然后就可以O(n ...