如何利用javascript接收json信息并进行处理

爱被打了一巴掌 2022-09-08 13:54 100阅读 0赞

javascript接收处理json信息

ajax获得接口信息，javascript本身处理json信息；

通过eval（）把接收的json字符串变成真实的对象信息。

提供的json接口数据01.php：

1  
2  
3  
4  
<?php  
header("content-type:text/html;charset=utf-8");  
//制作一个json信息  
echo '\{"city":"北京","temp":"9","WD":"西南风"\}';  
客户端接收处理json信息，要通过eval()把字符串的json变为object的json；

1  
2  
3  
4  
5  
6  
7  
8  
9  
10  
11  
12  
13  
14  
15  
16  
17  
18  
19  
20  
21  
22  
23  
24  
25  
26  
27  
28  
29  
30  
31  
32  
33  
34  
35  
36  
<!DOCTYPE html>  
<html lang="en">  
<head>  
<meta charset="UTF-8">  
<title>javascript接收处理json</title>  
<script type="text/javascript">  
function getweather()\{  
//ajax去请求接收json信息  
//js做后期处理  
var xhr = new XMLHttpRequest();  
xhr.onreadystatechange = function()\{  
if(xhr.readyState==4)\{  
//alert(typeof xhr.responseText);//string  
//把接收的字符串json具体变为object的json对象  
eval("var jn\_info="+xhr.responseText);  
console.log(jn\_info);  
console.log(jn\_info.city);//北京  
console.log(jn\_info.WD);//西南风  
console.log(jn\_info.temp);//9  
\}  
\}  
xhr.open('get','./01.php');  
xhr.send(null);  
\}  
//在javascript里边，把字符串“string”变为对象“object”  
//var obj = "\{name:'kitty',age:5\}";  
//eval(字符串参数) 字符串参数变为表达式运行  
//eval("var cat="+obj); //eval("var cat=\{name:'kitty',age:5\}")  
//console.log(cat);  
</script>  
</head>  
<body>  
<h2>接收json信息</h2>  
<input type="button" value="获得天气" οnclick="getweather()">  
</body>  
</html>