<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>无标题文档</title>

<script>

window.onload = function ()

{

    var obtn = document.getElementById('btn');

    obtn.onclick = function ()

    {

        ajax('get','new.php','',function (data)

        {

            var data = JSON.parse(data);

            var oul = document.getElementById('ul1');

            var html = '';

            for(var i = 0; i < data.length; i++ )

            {

                html +='<li><a href = "">'+ data[i].title + '</a>[<span>'+ data[i].data + '</span>]</li>';

            }

            oul.innerHTML = html;

        });

        setInterval(function ()

        {

            ajax('get','new.php','',function (data)

            {

                var data = JSON.parse(data);

                var oul = document.getElementById('ul1');

                var html = '';

                for(var i = 0; i < data.length; i++)

                {

                    html +='<li><a href = "">'+ data[i].title + '</a>[<span>'+ data[i].data + '</span>]</li>';

                }

                oul.innerHTML = html;

            })

        },1000)

    }

    function ajax(method,url,data,success)

    {

        xhr = null;

        try{

            xhr = new XMLHttpRequest();

            } catch(e)

            {

                xhr = new ActiveXObject('Microsoft.XMLHTTP');

            }

            if( method == 'get'&&data)

            {

                url += '?' + data;

            }

            xhr.open(method,url,true);

            if( method == 'get')

            {

                xhr.send();

            }

            else

            {

                xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');

                xhr.send(data);

            }

            xhr.onreadystatechange = function ()

            {

                if(xhr.readyState == 4 )

                {

                    if( xhr.status == 200 )

                    {

                        success&& success(xhr.responseText);

                    }

                    else

                    {

                        alert('出错了，Err:' + xhr.status);

                    }

                }

            }

    }

}

</script>

</head>

<body>

<input id="btn" value="提交" type="button">

<ul id="ul1">

</ul>

</body>

</html>
<?php

header('content-type:text/html;charset="utf-8"');

error_reporting(0);

$new = array(

    array('title' => '新闻新闻1','data' => '2014-1-1'),

    array('title' => '新闻新闻2','data' => '2014-2-1'),

    array('title' => '新闻新闻3','data' => '2014-3-1'),

    array('title' => '新闻新闻4','data' => '2014-4-1'),

    array('title' => '新闻新闻5','data' => '2014-5-1'),

    array('title' => '新闻新闻6','data' => '2014-6-1'),

    array('title' => '新闻新闻7','data' => '2014-7-1'),

);

echo json_encode($new);

ajax 新闻栏目的更多相关文章

  1. iOS仿网易新闻栏目拖动重排添加删除效果

    仿网易新闻栏目选择页面的基本效果,今天抽了点时间教大家如何实现UICollectionView拖动的效果! 其实实现起来并不复杂,这里只是基本的功能,没有实现细节上的修改,连UI都是丑丑的样子,随手画 ...

  2. 使用Ajax新闻系统管理需求分析

      新闻系统管理需求分析 1.1项目背景 新闻发布系统(News Release System or Content Management System),是一个基于新闻和内容管理的全站管理系统,本系 ...

  3. O365（世纪互联）SharePoint 之使用列表库发布新闻

    前言 上一篇文章,我们简单介绍了如何个性化O365的SharePoint站点,本文我们演示一下如何使用SharePoint自带的列表应用程序,定制一个公司新闻的栏目. 其间,用到的主要工具是Share ...

  4. Ajax做列表无限加载和Ajax做二级下拉选项

    //栏目Ajax做加载 public function ajaxlist(){ //echo "http://www.域名.com/index.php?a=Index&c=Index ...

  5. scrapy抓取学院新闻报告

    抓取四川大学公共管理学院官网(http://ggglxy.scu.edu.cn)所有的新闻咨询. 实验流程 1.确定抓取目标.2.制定抓取规则.3.'编写/调试'抓取规则.4.获得抓取数据 1.确定抓 ...

  6. Python抓取学院新闻报告

    Python案例 scrapy抓取学院新闻报告 任务 抓取四川大学公共管理学院官网(http://ggglxy.scu.edu.cn)所有的新闻咨询. 实验流程 1.确定抓取目标.2.制定抓取规则.3 ...

  7. 基于ASP.NET的新闻管理系统（一）

    1. 项目简介 1.1设计内容 (1)可以在首页查看各类新闻,可以点击新闻查看具体内容:可以查看不同类型的新闻,并了解热点新闻,可以在搜索框里输入要查找的内容. (2)在后台界面中,管理员可以修改密码 ...

  8. 2014年2月份第4周51Aspx源码发布详情

    AM自定义报表管理系统源码  2014-2-28 [VS2010]源码描述: 本系统有以下特色之处: 1.一套软件,多点登陆,根据权限不同共同管理报表,适应于前期获取客户需求报表字段使用. 2.客户自 ...

  9. 掘金 Android 文章精选合集

    掘金 Android 文章精选合集 掘金官方 关注 2017.07.10 16:42* 字数 175276 阅读 50053评论 13喜欢 669 用两张图告诉你,为什么你的 App 会卡顿? - A ...

随机推荐

  1. Linq 学习笔记

    简介: LINQ 提供一种统一的方式,让我们能在C#语言中直接查询和操作各种数据.​​ LINQ是用来描述数据访问总体方式的术语.LINQ to Object是针对实现了IEnumerable< ...

  2. 《OD学hadoop》Linux基础

    一.Linux基本环境 1. Linux常见版本及VMware虚拟机安装Linux系统 2. 虚拟机网络配置(IP地址.主机名.防火墙) 3. 文件基本命令操作 4. 四大远程连接工具使用 二.Lin ...

  3. 8皇后以及N皇后算法探究，回溯算法的JAVA实现，递归方案

    八皇后问题,是一个古老而著名的问题,是回溯算法的典型案例.该问题是国际西洋棋棋手马克斯·贝瑟尔于1848年提出:在8×8格的国际象棋上摆放八个皇后,使其不能互相攻击,即任意两个皇后都不能处于同一行.同 ...

  4. android下身份验证方式调用webservice

    在企业开发领域,webservice还是经常被用到的服务体系,因为他对安全事务支持都比较好. 有时候,我们就需要在android下调用后端的webservice服务,因为在内部网络环境下,所有需要ba ...

  5. HDU 1851 (巴什博奕 SG定理) A Simple Game

    这是由n个巴什博奕的游戏合成的组合游戏. 对于一个有m个石子,每次至多取l个的巴什博奕,这个状态的SG函数值为m % (l + 1). 然后根据SG定理,合成游戏的SG函数就是各个子游戏SG函数值的异 ...

  6. 使用 github.io 免费建站

    /*************************************************************************** * 使用 github.io 免费建站 * 说 ...

  7. dede 字符串截取

    [field:description function="( strlen(strip_tags('@me',''))>100 ? cn_substr(strip_tags('@me' ...

  8. Heritrix源码分析(三) 修改配置文件order.xml加快你的抓取速度(转）

    本博客属原创文章,欢迎转载!转载请务必注明出处:http://guoyunsky.iteye.com/blog/629891       本博客已迁移到本人独立博客: http://www.yun5u ...

  9. 《Unix网络编程》卷2 读书笔记 第2章- Posix IPC

    1. 概述 Posix IPC 包括:Posix消息队列.Posix信号量.Posix共享内存区 Posix IPC在访问它们的函数和描述它们的信息上有一些类似点. 本章讲述所有这些共同属性:用于标识 ...

  10. Java 中带参无返回值方法的使用

    有时方法的执行需要依赖于某些条件,换句话说,要想通过方法完成特定的功能,需要为其提供额外的信息才行.例如,现实生活中电饭锅可以实现“煮饭”的功能,但前提是我们必须提供食材,如果我们什么都不提供,那就真 ...