Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/390.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在不使用ajax的express中重新加载表_Javascript_Jquery_Express_Pug - Fatal编程技术网

Javascript 在不使用ajax的express中重新加载表

Javascript 在不使用ajax的express中重新加载表,javascript,jquery,express,pug,Javascript,Jquery,Express,Pug,我需要能够在不刷新整个页面的情况下重新加载表,或者如果可能的话,使用ajax创建数量不确定的表。目前,我将一个Json对象传递给我的上行视图,并通过它循环创建表 var express=require('express'); var router=express.router(); var fs=需要('fs'); var-jsonfile; var-corporator='./corporator.json'; /*获取主页*/ router.get('/',函数(req,res,next)

我需要能够在不刷新整个页面的情况下重新加载表,或者如果可能的话,使用ajax创建数量不确定的表。目前,我将一个Json对象传递给我的上行视图,并通过它循环创建表

var express=require('express');
var router=express.router();
var fs=需要('fs');
var-jsonfile;
var-corporator='./corporator.json';
/*获取主页*/
router.get('/',函数(req,res,next){
试一试{
fs.accessSync(协调器,fs.F_OK);
jsonfile=JSON.parse(fs.readFileSync(协调器,'utf8'));
}捕获(e){
控制台日志(e.message);
}
var json=req.uplinkjson;
res.render('上行'{
“标题”:“协调员报告”,
“uplinkjson”:jsonfile
});
});
路由器使用(功能(err、req、res、next){
资源状态(资源状态| | 500);
res.render('错误'{
消息:“尚未从上行收集数据”,
错误:{}
});
});
module.exports=路由器

扩展布局
块额外的
剧本
$(文档).ready(函数(){
$(“#hub_container.dataTable”).dataTable({dom:'frit',paging:false,fixedHeader:{header:true}});
$(“#node_container.dataTable”).dataTable({dom:'rit',paging:false,fixedHeader:{header:true});
$(“#node_filter”).keyup(function(){$(“#node_container.dataTable”).dataTable().search(this.value.draw();});
});
块内容
div#status_消息
p最后一条消息:#{uplinkjson.Last_msg}
分区#集线器(集装箱)
div.dataTable_包装器
table.dataTable.display
泰德
tr
th集线器ID
th状态
已看到第四个节点
拥有的第四个节点
表格主体
-每个集线器,uplinkjson.hubs中的l
-变量节点=0
-var=0
-每个项目,i在uplinkjson.hubs[l]节点中
-节点++
-如果(项目所有)
-拥有++
tr
td#[a(href=“##{uplinkjson.hubs[l].hub#id}”)#{uplinkjson.hubs[l].hub#id}]
td=uplinkjson.hubs[l]。状态
td=节点
td=拥有
div#node#u容器
p、 右节点搜索:#[输入#节点_过滤器]
-上行链路json.hubs中的每个it、t
div.dataTable_包装器
(名称='#{uplinkjson.hubs[t].hub_id}')
氢
|Hub:{(t+1)+“/”+uplinkjson.hubs.length} 
|集线器ID:#{uplinkjson.hubs[t].Hub_ID} 
|集线器地址:#[a(href=“http://”+“{uplinkjson.hubs[t].Hub#u addr}”+“]“+”/client”)#{uplinkjson.hubs[t].Hub#u addr}] 
|状态:#{uplinkjson.hubs[t].Status}
table.dataTable.display.compact
泰德
tr
THID
第次距离
最后一次见到
表格主体
-每个项目,i在uplinkjson.hubs[t].节点中
tr(class=“#{item.owned?”“owned”:“}”)
td=item.id.toString(16)
td=项目距离
td=新日期(1000*项。上次查看)