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

     
  • 相关阅读:
    触发器操作:在触发器中嵌套多个游标
    哈 希 表 的 操 作
    类的覆盖
    java、数据库中命名规则
    html中文字移动命令大全(摘录)
    java中四种过滤器
    日常生活收缩毛孔几个小妙招 生活至上,美容至尚!
    收缩毛孔全过程,很详细! 生活至上,美容至尚!
    懒人的七种超级减肥方法 生活至上,美容至尚!
    晚上美容护肤10要诀 生活至上,美容至尚!
  • 原文地址:https://www.cnblogs.com/vactor/p/6680866.html
Copyright © 2011-2022 走看看