没有合适的资源?快使用搜索试试~ 我知道了~
如何利用javascript接收json信息并进行处理
0 下载量 52 浏览量
2020-10-14
23:40:50
上传
评论
收藏 56KB PDF 举报
温馨提示
试读
2页
主要介绍了如何利用javascript接收json信息并进行处理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
资源推荐
资源详情
资源评论
如何利用如何利用javascript接收接收json信息并进行处理信息并进行处理
主要介绍了如何利用javascript接收json信息并进行处理,文中通过示例代码介绍的非常详细,对大家的学习或
者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
javascript接收处理json信息
ajax获得接口信息,javascript本身处理json信息;
通过eval()把接收的json字符串变成真实的对象信息。
提供的提供的json接口数据接口数据01.php::
<?php
header("content-type:text/html;charset=utf-8");
//制作一个json信息
echo '{"city":"北京","temp":"9","WD":"西南风"}';
客户端接收处理客户端接收处理json信息,要通过信息,要通过eval()把字符串的把字符串的json变为变为object的的json;;
<!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="获得天气" onclick="getweather()">
</body>
</html>
执行效果:
资源评论
weixin_38711740
- 粉丝: 5
- 资源: 953
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 10Eclipse项目源码.jpg
- 大屏可视化数据课程项目
- Maven 快速入门指南:安装和配置方法详解
- STM32物信息通过MQTT协议上传云平台
- STM32物信息通过MQTT协议上传云平台
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本122.0.6260.0)
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本122.0.6259.0)
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本122.0.6258.0)
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本122.0.6257.0)
- Screenshot_2024_0614_022736.png
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功