js解析网络中的json数据

最新推荐文章于 2023-11-22 17:16:53 发布
最新推荐文章于 2023-11-22 17:16:53 发布
阅读量198 收藏
点赞数
文章标签： json
原文链接：http://www.cnblogs.com/vactor/p/6680866.html
版权 
<?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"
 }
 ]
}
 
  
 
 
 
 

 

转载于:https://www.cnblogs.com/vactor/p/6680866.html

                

        

        




    




    

      

        

            

              
                
                  weixin_34409822
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
Angular JS获取网络上的json

				
			

			

				

					GaoYiranBlog的博客
				

				

					01-19
					
					256
					
				

			

		

		

			
				
&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="utf-8" /&gt;
        &lt;title&gt;&lt;/title&gt;
        &lt;script src="js/angular.js"&gt;&lt;/sc

			
		

	



                

              
                



	

		

			

				
					
js 使用jsonp获取网络地址中的数据内容 （避免了跨域问题）

				
			

			

				

					m0_60746035的博客
				

				

					05-01
					
					197
					
				

			

		

		

			
				

			
		

	



                


  
              

                


	

		

			

				
					
关于JavaScript网络方面的知识点JSON、JSONP

				
			

			

				

					Talljack 的博客园
				

				

					12-10
					
					241
					
				

			

		

		

			
				
常见的HTTP状态码你了解多少？描述一下状态码的含义。
200 ,请求成功，一切正常，数据成功返回
	301,永久性重定向，是指所请求的文档在别的地方;文档新的URI会在定位响应头信息中给出。浏览器会自动连接到新的URI。
	302,临时重定向，该状态码表示请求的资源已被分配了新的URI，希望用户（本次）能使用新的URI访问。
	303，该状态码表示由于请求对应的资源存在着另一个URI，应使用GE...

			
		

	





	

		

			

				
					
js访问json的几种方式

				
			

			

				

					gegeai5的博客
				

				

					05-29
					
					1650
					
				

			

		

		

			
				
首先，定义JSON，以下访问均基于该JSON数据
var JSONData={
"a":"aa",
"b":22,
"c":true,
"d":[
"da":"ddaa",
"db":"ddbb"
]
}

1.键值对，根据key访问value
JSONData.a   //结果为aa
JSONData.d.da    //结果为ddaa

2.键值对，根据key访问value的另一种方式
JSONData["a"]    //aa
JSONData["d"]["da"]    //ddaa
JSONDat

			
		

	



		

			
		



	

		

			

				
					
JS读取服务器文件

				
			

			

				

					weixin_43363720的博客
				

				

					11-21
					
					1330
					
				

			

		

		

			
				
JS读取服务器文件

			
		

	





	

		

			

				
					
iOS开发使用JSON解析网络数据

				
			

			

				

					09-02
				

			

		

		

			
				
在这个过程中，如果JSON数据中存在`null`，在Objective-C中会被转化为`NSNull`对象。  序列化（OC对象 -> JSON）： ```objc NSDictionary *objcDict = @{@"key1":@"value1", @"key2":@[@1, @2, @3], @"key3": ...

			
		

	





	

		

			

				
					
JavaScript中解析JSON数据的三种方法

				
			

			

				

					10-23
				

			

		

		

			
				
主要介绍了JavaScript中解析JSON数据的三种方法,本文讲解了eval()方法、new Function方法、JSON.parse()方法等三种方法,需要的朋友可以参考下

			
		

	





	

		

			

				
					
JavaScript解析JSON数据示例

				
			

			

				

					12-01
				

			

		

		

			
				
本文实例讲述了JavaScript解析JSON数据。分享给大家供大家参考，具体如下： JSON数据是一种常用的数据格式，解析方式也比较简单，特别是由于JavaScript原生就支持JSON，所以JavaScript能够更好的解析JSON。  <!...

			
		

	





	

		

			

				
					
Jquery解析json数据详解

				
			

			

				

					01-19
				

			

		

		

			
				
最近被jquery折磨了一番，倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集，将dataSet转换成json并返回给客户端，客户端用jquery getJson方法解析出来并显示在页面上。...

			
		

	





	

		

			

				
					
JS中Json数据的处理和解析JSON数据的方法详解

				
			

			

				

					10-22
				

			

		

		

			
				
JSON （JavaScript Object Notation）一种简单的数据格式，比xml更轻巧，这篇文章主要介绍了JS中Json数据的处理和解析JSON数据的方法详解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

			
		

	





	

		

			

				
					
ajax_读取服务器文件内容.js

				
			

			

				

					11-19
				

			

		

		

			
				
js中的ajax库，使用时需要三个参数，
function ajax(url,fnSucc,fnFailed)
第一个为要读取的文件的地址，第二个是读取成功之后要执行的操作的函数，第三个是读取失败后要执行的操作的函数。
 if (oAjax.status == 200)//读取成功
            {
                fnSucc(oAjax.responseText);
            }
            else//读取失败
            {
               if (fnFailed)
               fnFailed(oAjax.status);
            }

			
		

	





	

		

			

				
					
JS 根据文件URL读取其文件 内容并显示

				
			

			

				

					HL_xzf的博客
				

				

					06-16
					
					3549
					
				

			

		

		

			
				
需要在阿里云里面配置跨域，get  请求读取具体内容如下

			
		

	





	

		

			

				
					
前端学习（188）:浏览器内核和浏览器前缀

				
			

			

				

					歌谣的博客
				

				

					12-23
					
					287
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="...

			
		

	





	

		

			

				
					
js读取服务器上的文件,js读取远程文件服务器

				
			

			

				

					weixin_34296646的博客
				

				

					08-06
					
					2751
					
				

			

		

		

			
				
js读取远程文件服务器 内容精选换一换远程桌面协议(Remote Desktop Protocol，RDP)，是微软提供的多通道的远程登录协议。本节为您介绍如何使用RDP文件远程登录Windows弹性云服务器。从管理控制台下载的RDP文件对应唯一的云服务器，当前RDP文件命名规则为“云服务器名称-弹性IP”。弹性云服务器状态为“运行中”。如果弹性云服务器采用密钥方式鉴权，已获js读取远程文件服务器...

			
		

	





	

		

			

				
					
Web前端获取网络文件大小

				
			

			

				

					BennyShi1998的博客
				

				

					02-23
					
					2366
					
				

			

		

		

			
				
发起Head请求获取headers中content-length即可以获取文件大小，单位为Bytes 

			
		

	





	

		

			

				
					
js读取json文件

					
最新发布

				
			

			

				

					Zing_ing的博客
				

				

					11-22
					
					949
					
				

			

		

		

			
				
修改本地浏览器设置, 以Windows平台谷歌浏览器为例, 启动时添加参数–allow-file-access-from-files。

			
		

	





	

		

			

				
					
Javascript——读取json文件方法总结

					
热门推荐

				
			

			

				

					helloyangkl的博客
				

				

					09-01
					
					4万+
					
				

			

		

		

			
				
Javascript——读取json文件方法总结

			
		

	





	

		

			

				
					
Web中JS（Javascript）解析JSON数据的方法

				
			

			

				

					qhdzj87的专栏
				

				

					01-18
					
					1422
					
				

			

		

		

			
				
js解析json数据，可以使用JSON.parse()方法来实现解析。JSON.parse()方法可以解析JSON字符串，转换为 JavaScript 对象

下面我们就结合简单的代码示例，给大家介绍js解析json数据的实现方法。

代码示例如下：


<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>js解析json数据示例</title>

			
		

	





	

		

			

				
					
JS原生代码获取网络JSON数据 + Vue3获取网络JSON数据 + request.onload全局变量异步无法修改的Bug的解决

				
			

			

				

					ChuanyangChen的博客
				

				

					01-03
					
					1359
					
				

			

		

		

			
				
Javascript原生代码获取网络JSON数据
var json;
window.onload = function () {
    var url = "请求的JSON文件的URL"
    var request = new XMLHttpRequest();
    request.open("get", url);/*使用get方式请求*/
    request.send(null);/*不发送数据到服务器*/
    request.onload = function () {/*XHR对象

			
		

	





	

		

			

				
					
 JavaScript 来解析和操作 JSON 数据、

				
			

			

				

					05-31
				

			

		

		

			
				
是的，JavaScript 提供了内置的 `JSON` 对象，可以用来解析和操作 JSON 数据。下面是一些常用的 JSON 相关的 JavaScript 方法：

- `JSON.parse()`: 将一个 JSON 字符串解析为一个 JavaScript 对象。
- `JSON.stringify()`: 将一个 JavaScript 对象序列化为一个 JSON 字符串。
- `JSON.parse()` 方法接受一个 JSON 字符串作为参数，返回一个 JavaScript 对象。例如：

  ```javascript
  const jsonString = '{"name": "John", "age": 30, "city": "New York"}';
  const person = JSON.parse(jsonString);
  console.log(person.name); // 输出 "John"
  ```

- `JSON.stringify()` 方法接受一个 JavaScript 对象作为参数，返回一个 JSON 字符串。例如：

  ```javascript
  const person = { name: "John", age: 30, city: "New York" };
  const jsonString = JSON.stringify(person);
  console.log(jsonString); // 输出 '{"name":"John","age":30,"city":"New York"}'
  ```

使用这些方法，我们可以在 JavaScript 中对 JSON 数据进行解析、序列化和操作，方便地处理从服务器获取的数据，并将其展示在网页上。

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值