MVC4 + HighCharts 实时在线曲线图小记

标签：

切记：1.ajax调用的异步处理数据的方法不能为主方法，

例如  public ActionResult Index()

{

　　　　return view()

}

[httpPost]

public ActionResult getIndex()

{

　　List<gm_group> data = new List<gm_group>
{
　　new gm_group{id=1,name="一二三"},
　　new gm_group{id=2,name="四五六"},
};
　　//return View();
　　return Json(data, JsonRequestBehavior.AllowGet);//前台AJAX如果是GET用这句

}

2:Ajax语法

//得到后台数据 默认加载当日
$(document).ready(function () {
　　$.ajax({
　　type: "post",
　　url: "TodayRealOnlines",
　　dataType: "json",
　　data: $("form").serialize(), //表单序列化，如果不序列化，return的时候就直接在页面输出Json内容了，ajax就不会操作它
　　success: function (data) {
　　data = eval(data);
　　var x = new Array();
　　var y = new Array();
　　for (var i = 0; i < data.length; i++) {
　　x[i] = data[i].onlineTime;  
　　y[i] = data[i].onlineCount;
}
　　show(x, y);
},
//显示错误
error: function (err) {
　　alert("查询失败，请尝试刷新！");
}
}), 30000  //页面定时刷新
})

3.页面的查询按钮不能为submit，应该用button

4.

MVC4 + HighCharts 实时在线曲线图小记

标签：

原文地址：http://www.cnblogs.com/xxxiaoxiong/p/5041275.html