js解析网络中的json数据

Posted 2020-09-09 vactor

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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"
}
]
}

以上是关于js解析网络中的json数据的主要内容，如果未能解决你的问题，请参考以下文章

iOS开发之网络数据解析--JSON解析简介