JSChart 后台返回的数据怎么放到Array里

JavaScript013

JSChart 后台返回的数据怎么放到Array里,第1张

后台获取ajax参数后,可以通过参数查询数据库,返回一个javabean对象,然后转换成json格式返回页面:

ajax部分:

$(function(){

$("#userlist a").bind("click",function(){

var hol = $(this).attr("rel")

var data = "action=getlink&id="+hol

$.getJSON("server.php",data, function(json){

$("#name").html(json.name)

$("#sex").html(json.sex)

$("#tel").html(json.tel)

$("#email").html(json.email)

})

})

})

php后台处理部分:

后台server.php得到前端的Ajax请求后,通过传递的参数连接数据库并查询用户表,将相应的用户信息转换成一个数组$list,最后将数组转换成JSON数据。关于PHP与JSON的操作可以查看本站收集的文章:PHP中JSON的应用。以下是server.php的详细代码,其中数据连接部分省略:

include_once("connect.php")//连接数据库

$action=$_GET[action]

$id=intval($_GET[id])

if($action=="getlink"){

$query=mysql_query("select * from user where id=$id")

$row=mysql_fetch_array($query)

$list=array("name"=>$row[username],"sex"=>$row[sex],"tel"=>$row[tel],"email"=>$row[email])

echo json_encode($list)

}

myLineChart.destroy()

能解决一部分问题,更完美的解决方法我还在研究中,同求大神指点

更好的解决方法如下:

每次绘图之前先删除canvas节点,重新添加一个。

$('#lineChart').remove()// this is my <canvas>element

$('#lineChartParent').append('<canvas id="lineChart" height="230"></canvas>')