zoukankan      html  css  js  c++  java
  • 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"
    }
    ]
    }

     
  • 相关阅读:
    Android SDK
    1055
    清除浮动的三种方式
    解决块状元素垂直外边距的塌陷问题
    drf 验证接口权限
    Linux常用指令
    Linux安装python3,virtualenv和virtualenvwrapper
    Linux基本命令2
    Linux之文档与目录结构
    Linux基本命令
  • 原文地址:https://www.cnblogs.com/vactor/p/6680866.html
Copyright © 2011-2022 走看看