ajax通过新闻id获取列表
<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获取列表的更多相关文章
- monkeyrunner之坐标或控件ID获取方法(六)
Monkeyrunner的环境已经搭建完成,现在对Monkeyrunner做一个简介. Monkeyrunner工具提供了一套API让用户/测试人员来调用,调用这些api可以控制一个Android设备 ...
- MSCRM 获取列表所选记录相关信息
问题:如何通过JS获取列表中所选记录信息? 解决办法: The CRM2011 Ribbon has a special set of parameters called 'CrmParameters ...
- Javascript根据id获取数组对象
在业务中,列表页跳转详情页时,经常会将Id值传入,然后再根据id值异步获取数据. 假设有服务端的json数据: <注意,这里的data是指已经从后端获取的json, 而非后端原始的文件> ...
- 线程、线程ID获取
一.进程ID获取 1.1 当前进程的Id 方法1 通过进程名获取 下面的例子中,也包含了获取该进程下的线程的方法. System.Diagnostics.Process[] processes:bo ...
- Django restframwork获取列表详情
z哎Django restframwork中就有一个类可以获取列表的详情内容,只有两行代码就可以搞定,在浏览器测试是ok的.但是这样的接口给前端,前端点击详情然后会将models.表名.objects ...
- WPF 微信 MVVM 【续】修复部分用户无法获取列表
看过我WPF 微信 MVVM这篇文章的朋友,应该知道我里面提到了我有一个小号是无法获取列表的,始终也没找到原因. 前两天经过GitHub上h4dex大神的指导,知道了原因,是因为微信在登录以后,web ...
- JavaScript通过ID获取元素坐标
JavaScript通过ID获取元素坐标 function getElementPos(elementId) { var ua = navigator.userAgent.toLowerCase ...
- js中用tagname和id获取元素的3种方法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- SharePoint 快捷获取列表栏内部名称
在列表设置页面点击浏览器书签获取列表字段内部名称,使用效果如下图: 如何使用: 修改浏览器上任意书签的url地址为以下代码,注意:代码中不能有换行符 javascript:(function(){va ...
随机推荐
- JSP中的编译指令和动作指令的差别
JSP中的编译指令和动作指令的差别 1.编译指令是通知Servlet引擎的处理消息.而动作指令仅仅是执行时的脚本动作 2.编译指令是在将JSP编译成Servlet时起作用,而动作指令可替换成JSP脚本 ...
- PHPCMS中GET标签概述、 get 标签语法、get 标签创建工具、get 调用本系统演示样例、get 调用其它系统演示样例
一.get 标签概述 通俗来讲,get 标签是Phpcms定义的能直接调用数据库里面内容的简单化.友好化代码,她可调用本系统和外部数据,仅仅有你对SQL有一定的了解,她就是你的绝世好剑!也就是适合熟悉 ...
- Sublime Text 3.3143最新注册码
Sublime Text3之前用的是老版本,昨天手贱点了更新,就要重新激活,网上找了好多都是之前版本的,以下给干货 —– BEGIN LICENSE —– TwitterInc User Licens ...
- linux【第六篇】用户和用户管理及定时任务复习
定时任务复习 1.什么是定时任务? 2.如何编辑查看定时任务(配置文件位置?),语法的特殊字符意义是什么?- * , / 3.书写定时任务有哪些要领? 4.生产如何调试定时任务 5.生产场景配置定时任 ...
- 点滴记录——Ubuntu 14.04中Chrome浏览器标题栏出现中文乱码
今天不知道在系统里装的哪个软件与Chrome浏览器所用的字体向冲突了,导致标题栏显示的中文都变成了乱码,其次收藏栏中的中文也变成了乱码.导致原有的收藏内容都无法辨认了.在网上搜索了一下,也有人遇到了相 ...
- Android 封装实现各种样式对话框
先上图 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/disso ...
- [IT学习]Python pandas 学习
今天学习pandas来处理数据,结果用python 3.5.0的shell来调试,总是报错. 报错中包含如下字样: Traceback (most recent call last): File &q ...
- jquery ui tabs详解(中文)
1 属性1.11 ajaxOptions,当选项卡加载内容时,添加一个ajax选项.只有ajax时,添加的ajax选项才起作用.默认值为null.上面的例子中,添加了beforeSend和succes ...
- ELF和a.out文件格式的比较
本文讨论了 UNIX/LINUX 平台下三种主要的可执行文件格式:a.out(assembler and link editor output 汇编器和链接编辑器的输出).COFF(Common Ob ...
- [开源下载] 【开源项目】EasySL for Silverlight 4
[开源下载] [开源项目]EasySL for Silverlight 4 [复制链接] silverlight 452 主题 7 好友 1万 积分 管理员 贡献 879 原创 0 银元 ...