1. //例如,后台返回的数据为:
  2.  
  3. var json = {
  4.  
  5. data: [
  6.  
  7.  
  8.  
  9. {value: 103.95, name: "法拉利"},
  10.  
  11. {value: 103.2, name: "北汽幻速"},
  12.  
  13. {value: 97.44, name: "WEY"},
  14.  
  15. {value: 89.46, name: "北汽绅宝"},
  16.  
  17. {value: 88.87, name: "比速汽车"},
  18.  
  19. {value: 88.05, name: "汉腾汽车"},
  20.  
  21. {value: 85.96, name: "五十铃"}
  22.  
  23. ]
  24.  
  25. };
  26.  
  27. //但是前台需要的数据格式为:
  28.  
  29. var newData = [
  30.  
  31. {name: "法拉利", data: [103.95], type: "bar"},
  32.  
  33. {name: "北汽幻速", data: [103.2], type: "bar"},
  34.  
  35. {name: "WEY", data: [97.44], type: "bar"},
  36.  
  37. {name: "北汽绅宝", data: [89.46], type: "bar"},
  38.  
  39. {name: "比速汽车", data: [88.87], type: "bar"},
  40.  
  41. {name: "汉腾汽车", data: [88.05], type: "bar"},
  42.  
  43. {name: "五十铃", data: [85.96], type: "bar"}
  44.  
  45. ];
  46.  
  47. //实现的方法为:
  48.  
  49. //第一步:声明三个空数组,分别保存 value、nam、保存新对象的值;
  50.  
  51. var val = [];
  52.  
  53. var nam = [];
  54.  
  55. var newData = [];
  56.  
  57. for(var i = 0; i < json.data.length; i++){
  58.  
  59. val.push(json.data[i].value);
  60.  
  61. nam.push(json.data[i].name);
  62.  
  63. var obj = {
  64.  
  65. name: json.data[i].name,
  66.  
  67. data: [json.data[i].value],
  68.  
  69. type: 'bar'
  70.  
  71. };
  72.  
  73. newData.push(obj);
  74.  
  75. }
  76.  
  77. console.log('newData', newData);
  78.  
  79. //目前这个newData就是所需要的新数据。

后台返回的json数据,前台需要修改对象的键值名,重新修改数据格式的更多相关文章

  1. 前台如何处理后台返回的json数据

    后台返回的json数据格式: { "state": true, "data": { "id": 0, "name": & ...

  2. 关于eval()函数处理后台返回的json数据

    对于服务器返回的JSON字符串,如果jquery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eval()中执行一次.这种方式也适合以普通ja ...

  3. Ajax处理后台返回的Json数据

    // 处理后台传来的Json字符串装换成Json对象 var dataJson = JSON.parse(data); // 此时可以从Json对象中取值 if(dataJson.result == ...

  4. js的eval函数解析后台返回的json数据时为什加上圆括号eval("("+data+")"),而HTML页面定义的数据不用

    一,情况如下,这是成功代码: $(function () { $.ajax({ url: "Demo.aspx", type: "post", data: { ...

  5. JS获取后台返回的JSON数据

    问题:通过$.get从后台获取了一段json串{"id":"1","name":"ww"},然后要拿到这里面的id和na ...

  6. ajax 请求 对json传的处理 Jquery 使用Ajax获取后台返回的Json数据后,页面处理

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  7. Jquery 使用Ajax获取后台返回的Json数据后,页面处理

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. 【转】Jquery 使用Ajax获取后台返回的Json数据后,页面处理

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. 后台返回的json数据传到前端页面并在页面的表格中填充

    web前端页面: <table id="myTable" cellpadding="1" cellspacing="0" border ...

随机推荐

  1. 【刷题笔记】DP优化-斜率优化

    斜率优化,是一种利用斜率的优化(废话) 关于数论:咕咕咕 部分内容参考自学长 如果有这样的一个状态转移方程: \[f[i]=\min\limits_{j=L_j}^{R_j}\{f[j]+val(j, ...

  2. java集合源码分析(三):ArrayList

    概述 在前文:java集合源码分析(二):List与AbstractList 和 java集合源码分析(一):Collection 与 AbstractCollection 中,我们大致了解了从 Co ...

  3. python核心高级学习总结6------面向对象进阶之元类

    元类引入 在多数语言中,类就是一组用来描述如何生成对象的代码段,在python中同样如此,但是在python中把类也称为类对象,是的,你没听错,在这里你只要使用class关键字定义了类,其解释器在执行 ...

  4. moviepy音视频剪辑:TextClip.list(font)和search搜索字体报错UnicodeDecodeError:utf-8 codec cannott decode byte 问题

    ☞ ░ 前往老猿Python博文目录 ░ 在moviepy2.0.0.Dev版本中,执行如下语句: from moviepy.editor import * TextClip.search('gb', ...

  5. PyQt(Python+Qt)学习随笔:QTabWidget选项卡部件操作控制类属性movable和tabsClosable介绍

    老猿Python博文目录 专栏:使用PyQt开发图形界面Python应用 老猿Python博客地址 QTabWidget的操作控制类属性包括movable.tabsClosable这两个. 1. mo ...

  6. 第13.3节 图形界面开发tkinter

    一. 引言 老猿最开始是准备就tkinter单独开一个章节,但学了一段时间tkinter,最后放弃了,前一阵子还准备干脆不介绍相关的内容.主要原因有三个,一是tkinter没有界面设计的工具,所有界面 ...

  7. linux 复制文件前n行到另外一个文件

    head -n 100 train.txt > 123.txt head -100 train.txt > 123.txt

  8. CSS全览_选择符+特指+单位+字体

    CSS全览_选择符+特指+单位+字体 目录 CSS全览_选择符+特指+单位+字体 1. CSS样式 2. 选择符 3. 特指度和层叠 4. 值和单位 5. 字体 作者: https://www.cnb ...

  9. jxl导出excel小demo

    1.首先在pom文件加入jar包 <dependency> <groupId>net.sourceforge.jexcelapi</groupId> <art ...

  10. 算法——最长上升子序列(DP和二分)

    给定一个无序的整数数组,找到其中最长上升子序列的长度. 输入: [10,9,2,5,3,7,101,18] 输出: 4 纯DP 解体思路:利用动态规划的方法,从一个方向遍历数组,每次获取以该位置为子序 ...