ajax向前台输出二维数组 并解析
最近在弄一个售后数据统计的功能,里边需要统计特定时期内各种客户、机型的分布比例,单单table来计算并显示很死板(一点也不酷)
于是决定用jquery插件flot并通过ajax传输数据 :flot的折线图、柱状图和堆栈图需要提供二维数组格式的数据(坐标格式,如[[1,1],[2,2],[3,3]])
但是发现不管怎么拼字符串,或者用json输出都不能正确提供数据(alert出来看起来是坐标格式)
苦思冥想都不得其解,头脑发胀,索性回去跑两圈, 流的汗那个多 you know ,it's hot summer day
问题还得解决呐,头脑清晰多了(#‵′)凸 继续一步步分析白天出错的地方,
一直纠结数据格式中, 就想会不会是在js那边收到的东西看起来是二维坐标数组但是其实不是那样子!!!
果然,谷了个狗 发现确实不能直接输出二维数组给前台,需要js重组才可以。
first: js中[[1,1],[2,2],[3,3]] 和{{1,1},{2,2},{3,3}}都是二维数组 具体为嘛 我也不知道
对比了好些人的回答,整理两个方法如下
方法一:
(推荐)
(1) 后台拼接字符串(完型的二维数组格式 如:[[1,1],[2,2],[3,3]]) ,
(2)再在调用页面通过js的 eval()方法解析即可。
╮(╯▽╰)╭找了半天,对比好多人的回答才试验成功。
这种最方便了,json或者其他输出逗号分开的字符串 再在js里重组好麻烦。(js不怎么会哎 (#‵′)凸 myself)
不过这种输出格式比较死,不能复用
方法二:
(1)直接在后台把这个数据拼成一个string 比如id|name1|id2|name2..........
(2)然后把这个字符串 随便给个什么标签的 一个不用显示的属性
(3)再在前台 用js的 split 分成数组就行了
(4)如果ajax的话 基本上一样 只是后台的string不是给标签啊什么的隐藏控件 而是输出给要调用的页面
(本人懒得要死, 这种要先 ajax 或 后台拼串,再js split() 又要重组数组 oh my brain cells)
ajax向前台输出二维数组 并解析的更多相关文章
- 功能要求:定义一个两行三列的二维数组 names 并赋值,使用二重循环输出二维数组中的元素。
功能要求:定义一个两行三列的二维数组 names 并赋值,使用二重循环输出二维数组中的元素 names={{"tom","jack","mike&qu ...
- Java实验——输出二维数组连续二维子数组的最大和
该算法思路,根据我博客里面一维子数组求和的思路,可以用一个新的二维数组对该二维区域的数组进行求和,例如新的二维数组的第5个位置,就代表从1到5斜对角线的块状区域的和,即1,2,4,5这4个数的和,x个 ...
- C语言:通过指针函数输出二维数组中每个学生的成绩
// // main.c // Pointer_function // // Created by ma c on 15/8/2. // Copyright (c) 2015年 bjsxt. ...
- PHP循环输出二维数组的数据
//下面是一个例子$g_id = isset($_GET['id'])?$_GET['id']:'1';//定义变量$g_id,使用三元运算符是为了避免出现waring $p_id = ($g_id& ...
- python输出二维数组中,每行N个最大值的索引
`import heapq import numpy as np import random a = np.random.randint(50,size= (4,5)) a = np.array(a) ...
- js 输出二维数组的最大值
function num(arr){ max=a[0][0]; for (var i = 0; i < a.length; i++) { for (var j = 0; j< a[i].l ...
- js输出二维数组最长的子数组
,,],[,,,],[,,,,]]; ].length; ; i < a.length; i++) { if (max<a[i].length) { max=a[i].length; va ...
- php中遍历二维数组并以表格的形式输出
一.索引数组 <?php //使用array()语句结构将联系人列表中所有数据声明为一个二维数组,默认下标是顺序数字索引 $contact1 = array( //定义外层数组 array(1, ...
- java例题_29 二维数组问题,并输出对角线之和
1 /*29 [程序 29 求矩阵对角线之和] 2 题目:求一个 3*3 矩阵对角线元素之和 3 程序分析:利用双重 for 循环控制输入二维数组,再将 a[i][i]累加后输出. 4 */ 5 6 ...
随机推荐
- Cardinality Feedback
该特性主要针对 统计信息陈旧.无直方图或虽然有直方图但仍基数计算不准确的情况, Cardinality基数的计算直接影响到后续的JOIN COST等重要的成本计算评估,造成CBO选择不当的执行计划 O ...
- Missing artifact com.sun:tools:jar:1.5.0:system 补充
转自:http://blog.csdn.net/sweblish/article/details/6662586 解决方案一: 原来,是${java.home}在作怪,eclipse 没有使用 JAV ...
- xml规范及xml解析
http://www.cnblogs.com/wang-meng/p/5374498.html 1,XML基础介绍 xml的概念: XML 指可扩展标记语言(EXtensible Markup Lan ...
- java中高级软件工程师面试总结
最近去了几家公司面试java中高级工程师,打击挺大的,感觉自己一直以来没有很好的深入学习,对各种知识都是一知半解,但心又太高,想找更高薪的职位,结果面试屡屡碰壁,哎,心情好低落,也是时候静下心来,好好 ...
- tomcat下部署可以访问的文件夹
项目名#文件夹名#文件夹名.xml <Context docBase="D:\文件夹名\r文件夹名"/> 例如: test#zhang#test1.xml <Co ...
- opecv轮廓匹配,可以用于去噪
一个跟轮廓相关的最常用到的功能是匹配两个轮廓.如果有两个轮廓,如何比较它们;或者如何比较一个轮廓和另一个抽象模板. 矩 比较两个轮廓最简洁的方式是比较他们的轮廓矩.这里先简短介绍一个矩的含义.简单的说 ...
- 洛谷P2725 邮票 Stamps
P2725 邮票 Stamps 37通过 224提交 题目提供者该用户不存在 标签USACO 难度普及/提高- 提交 讨论 题解 最新讨论 为什么RE?在codevs上AC的. 题目背景 给一组 ...
- CSS实用的代码段
摘抄的一些代码还有自己总结的常用的代码~ 1>浏览器样式统一 *{ margin:0px; padding:0px; } 浏览器样式统一 2>清除浮动的方法 3>跨浏览器设置透明度 ...
- html5 搖一搖
<script> // 首先在页面上要监听运动传感事件 function init(){ if (window.DeviceMotionEvent) { // 移动浏览器支持运动传感事件 ...
- PAT1023. Have Fun with Numbers
//水题,但是考点不水,可能用的strlen属于string库,但是只能用于字符,不能用数字,因为\0就是0.出现0无法判断,其次二倍时有可能有进位 //第一次在二倍进位上出了问题 #include& ...