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>')