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"
    }
    ]
    }

     
  • 相关阅读:
    共用体
    建立动态链表
    动态分配储存与链表
    结构指针变量作函数参数
    R语言实战 第7章
    R-6 线性回归模型流程
    R-5 相关分析-卡方分析
    R-4 方差分析
    R-3 t分布--t置信区间--t检验
    R-2
  • 原文地址:https://www.cnblogs.com/vactor/p/6680866.html
Copyright © 2011-2022 走看看