① JS 页面刷新数据

Javascript刷新页面的几种方法：
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand(‘‘)
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href.
____________________________________________
框架页中：(框架页中其中一个子页)
top.location.reload(); 刷新整页
self.location.reload(); 刷新本页
window.parent.location.href='' 框架页重定向
_____________________________________________
自动刷新页面的方法:1.页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">其中20指每隔20秒刷新一次页面.<body onload="opener.location.reload()"> 开窗时刷新<body onUnload="opener.location.reload()"> 关闭时刷新。
例：数据添加成功后弹出对话框并刷新页面
if (infoAction_Sort.Insert(info_Sort))
{
ScriptManager.RegisterStartupScript(this.UpdatePanel, this.GetType(), "alert", "alert('相册分类添加成功');window.location.reload();", true);

//Alert("相册分类创建成功");
//Response.Redirect(Request.Url.ToString());//刷新本页
this.txt_AddSort.Text = "";
this.txt_SortDepict.Text = "";
}

② js怎么不刷新页面只刷新数据

js不剧新页面只刷新数据的方式有很多。
1、可以通过iframe做局部刷新，这个比较简单。
2、可以通过ajax技术做动态刷新，这个很成熟，整个web2.0的技术基础就是ajax。
3、可以通过websocket长连接进行数据更新，这个由于是长连接，对服务端压力有一定要求。
希望对你有帮助。

③ js怎么实现及时更新数据库的数据展现在前台页面

页面本身是不具来备保存历史源数据的功能的，需要借助其它手段来实现，常用方法如下：

  • 异步更新页面。这种方法实际上页面是没有刷新的，通过AJAX导步获取信息来更新页面，这样可以保留原页面需要保留的数据。一些网站的发表评论后，评论内容更新，用的就是这个方法。

  • 使用COOKIE保存。把需要保存的数据存储到COOKIE中，页面更新时，读取COOKIE渲染到页面上。比较常见的如：登录框记录用户名，下次登录无须重新输入。但COOKIE存储的数据量有限，不适合大的数据存储。

  • 服务器端保存数据。与COOKIE保存类似，只不过内容是保存在服务器端，利用会话机制在页面更新时从服务器读取内容重新渲染。这是一种常见的而保险的方法。像一些文本编辑器，保存草稿等，就是通过这样的方式实现的

④ echarts.js怎么根后台数据动态更新数据显示

echarts.js根后台数据动态更新数据显示：
function initDefaultChart(ec){
echarts = ec;

var list_devData = ${pointDataMassage};
/* console.info(list_devData); */
var str = "";
for (var one in list_devData){
/* console.info("one",list_devData[one]); */
var id_data =list_devData[one].dataId;
var data_unit = list_devData[one].dataUnit;
var dataSort = list_devData[one].dataSort;
/* console.info("id",id_data); */

if(document.getElementById("attr_"+id_data)!=undefined){/* !exp && typeof(exp)!="undefined" && exp!=0 */

var myChart = ec.init(document.getElementById("attr_"+id_data));
var option = {
tooltip : {
formatter: "{b} <br/>{c}{a}"
},
toolbox: {
show : false,
feature : {
mark : {show: true},
restore : {show: true},
saveAsImage : {show: true}
}
}

}