博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
面对后端传过来的JSON数据前端开发中如何解析
阅读量:2494 次
发布时间:2019-05-11

本文共 1428 字,大约阅读时间需要 4 分钟。

首先解释一下我想要获取的数据,利用Ajax和后端进行异步请求

在这里插入图片描述

然后后端发送过来的数据通过alert()是这样的

在这里插入图片描述

那么问题就是我该如何得到这组数据中的msg中的数据或者data中的name的数据
JSON.parse()方法,这个方法在我们的JS中是一个自带的方法,
调用的时候直接通过JS对象.属性名就可以食用了
在这里插入图片描述在这里插入图片描述在这里插入图片描述

在这里插入图片描述

如果传过来的JSON数据中还包含了数组,例如长这样子

{
"msg":"成功","code":20000,"records":[ {
"fw_ctime":"2020-08-01 08:00:00","fw_title":"光明日报聚焦:北斗三号系统全面建成给北斗产业带来什么","fw_description":"澎湃财经", "fw_picurl":"https://imagecloud.thepaper.cn/thepaper/image/80/830/440.jpg","fw_url":"https://www.thepaper.cn/newsDetail_forward_8535860"}, {
"fw_ctime":"2020-08-01 08:00:00","fw_title":"深圳监管沙盒首批应用亮相:华为等申请的智能数字信用卡入围","fw_description":"澎湃财经","fw_picurl":"https://imagecloud.thepaper.cn/thepaper/image/80/729/885.jpg","fw_url":"https://www.thepaper.cn/newsDetail_forward_8527727"}, {
"fw_ctime":"2020-08-01 08:00:00","fw_title":"美国众议院批准2021年1.3万亿美元支出计划","fw_description":"澎湃财经","fw_picurl":"https://imagecloud.thepaper.cn/thepaper/image/80/824/844.jpg","fw_url":"https://www.thepaper.cn/newsDetail_forward_8535430"}]}
//解析代码如下: $.ajax("../ViewUpdateController/showView",{
type:"get", dataType:"text", success:function(result){
var obj=JSON.parse(result); alert(obj.records); $.each(obj.records,function(i,json){
alert(json.fw_title); //将会获取到每次循环的值 }) } })

在这里插入图片描述

转载地址:http://iyhrb.baihongyu.com/

你可能感兴趣的文章
scrapy运行
查看>>
XPATH入门
查看>>
python爬虫 CSS选择器
查看>>
正常关闭java程序
查看>>
查看linux核心数
查看>>
数据结构与算法三: 数组
查看>>
Activiti工作流会签二 启动流程
查看>>
Activiti工作流会签三 撤销,审批,驳回
查看>>
Oauth2方式实现单点登录
查看>>
CountDownLatch源码解析加流程图详解--AQS类注释翻译
查看>>
ES相关度评分
查看>>
我们一起做一个可以商用的springboot脚手架
查看>>
idea在搭建ssm框架时mybatis整合问题 无法找到mapper
查看>>
java设计基本原则----单一职责原则
查看>>
HashMap的实现
查看>>
互斥锁 synchronized分析
查看>>
java等待-通知机制 synchronized和waity()的使用实践
查看>>
win10 Docke安装mysql8.0
查看>>
docker 启动已经停止的容器
查看>>
order by 排序原理及性能优化
查看>>