• js解析网络中的json数据


    <?php
    echo <<<_END
    <html>
    <head>
    </head>
    <body>
    <div id="container"></div>
    
    <script> 
    //var value2 = {"list":[ {"password":"1230","username":"coolcooldool"}, {"password":"thisis2","username":"okokok"}], "array":[{"password":"1230","username":"coolcooldool"},{"password":"thisis2","username":"okokok"}]};  
    // 
    //var obj2 = eval(value2);  
    //alert(obj2.list[0].password);
    var getJSON = function(url) {
          return new Promise(function(resolve, reject) {
            var xhr = new XMLHttpRequest();
            xhr.open('get', url, true);
            xhr.responseType = 'json';
            xhr.onload = function() {
              var status = xhr.status;
              if (status == 200) {
                resolve(xhr.response);
              } else {
                reject(status);
              }
            };
            xhr.send();
          });
        };
    
        getJSON('http://web.cellpies.com/api/driving/getVehicleLocationPoints?vehicleDeviceId=0400000000030603&timeType=4&startTime=2017-03-17%2013:00:00&stopTime=2017-03-17%2014:00:00').then(function(jdata) {
            alert('Your Json result is:  ' + jdata); //you can comment this, i used it to debug
            alert(jdata.data[0].gpsx);
            alert(jdata.data[0].gpsy);
            
           
        }, function(status) { //error detection....
          alert('Something went wrong.');
        });
    </script> 
    
    
    _END;
     
    
    ?>

    json数据格式为

    
    

    {
    "retcode": 1,
    "data": [
    {
    "time": "2017-03-17 13:15:00",
    "longitudedegree": null,
    "longitudeminute": null,
    "longitudesecond": null,
    "longitudedecimals": null,
    "latitudedegree": null,
    "latitudeminute": null,
    "latitudesecond": null,
    "latitudedecimals": null,
    "gpsx": "126.60580555556",
    "gpsy": "45.702363888889"
    },
    {
    "time": "2017-03-17 13:15:01",
    "longitudedegree": null,
    "longitudeminute": null,
    "longitudesecond": null,
    "longitudedecimals": null,
    "latitudedegree": null,
    "latitudeminute": null,
    "latitudesecond": null,
    "latitudedecimals": null,
    "gpsx": "126.60573055556",
    "gpsy": "45.702355555556"
    }
    ]
    }

     
  • 相关阅读:
    绝对定位和浮动的区别和运用
    xhtml css 漏 整理
    网站自适应设备屏幕
    CSS 媒体查询 响应式
    js/jquery判断浏览器 & 停止加载
    回调函数之同步调用、回调、异步调用
    Flash生成HTML5动画方法
    在html页面中使用js变量
    BZOJ 4417 Luogu P3990 [SHOI2013]超级跳马 (DP、矩阵乘法)
    NOI2019游记
  • 原文地址:https://www.cnblogs.com/vactor/p/6680866.html
Copyright © 2020-2023  润新知