• ajax即时更新获取数据 结合ajax js引用使用 当然需要搭建本地环境 并且创建php


    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title></title>
    <script src="13ajax.js"></script>
    <script>
    window.onload=function(){
    var oBtn=document.getElementById('btn1')
    oBtn.onclick=function(){
    setInterval(function(){
    ajax('get','getData.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;
    })
    },4000)
    }
    }
    </script>
    </head>
    <body>
    <input type="button" value="获取" id="btn1">
    <ul id="ul1">
    </ul>

    <!--ajax({
    type:'get',
    url:'getData.php',
    data:'',
    success:function(){
    }
    })-->
    </body>
    </html>

     


    getData.php内容

    <?php

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

    $new = array(
    array('title'=>'在厦门国际会议中心会见中外记者','data'=>'2017-9-19'),
    array('title'=>'昨天,金砖国家领导人厦门会晤圆满闭幕','data'=>'2017-2-12'),
    array('title'=>'中方举行了新兴市场国家与发展中国家对话会','data'=>'2017-7-12'),
    array('title'=>'发出了深化南南合作和全球发展合作的强烈信号','data'=>'2017-6-21'),
    array('title'=>'携手走出一条创新、协调、绿色、开放','data'=>'2017-10-21'),
    array('title'=>'明年,南非将担任金砖国家主席国','data'=>'2017-9-12'),
    array('title'=>'携手推动金砖合作继续向前发展','data'=>'2017-9-3'),
    array('title'=>'明年,南非将担任金砖国家主席国','data'=>'2017-9-12'),
    array('title'=>'明年,南非将担任金砖国家主席国','data'=>'2017-9-12'),
    array('title'=>'明年,南非将担任金砖国家主席国','data'=>'2017-9-12'),
    array('title'=>'明年,南非将担任金砖国家主席国','data'=>'2017-9-12'),
    array('title'=>'明年,南非将担任金砖国家主席国','data'=>'2017-9-12')
    );

    echo json_encode($new);

    ?>

     


    效果:

     

  • 相关阅读:
    python pip install 报错(SSLError(SSLCertVerificationError(1, '[SSL: CERTIFICATE_VERIFY_FAILED] certificate verify failed: unable to get local issuer certificate (_ssl.c:1108)'))')排查
    JMeter中验证参数空格时,要勾选编码
    共阴数码管静态显示
    蜂鸣器与继电器的基本控制
    Linux常用命令(粤嵌)
    LED指示灯的基本控制
    单片机设计与开发——概述
    交叉编译器的安装方法
    正则表达式校验金额最多两位小数的实数
    thinkphp自定义分类样式
  • 原文地址:https://www.cnblogs.com/mylove0/p/7482305.html
Copyright © 2020-2023  润新知