我对Node.js很陌生。
我要实现的目标: -单击选项卡(引导程序)时,我要呈现视图(generic.html)
我尝试渲染视图,但koa.js中似乎不支持该视图,有人可以指出正确的方向吗?
Index.html
<div class="container">
<div class="col-md-12">
<nav>
<div class="nav nav-tabs nav-fill" id="nav-tab" role="tablist">
<a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab"
aria-controls="nav-home" aria-selected="true">Project Tab 1</a>
<a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab"
aria-controls="nav-profile" aria-selected="false">Project Tab 2</a>
<a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab"
aria-controls="nav-contact" aria-selected="false">Project Tab 3</a>
</div>
</nav>
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
hello
</div>
<div class="tab-pane fade show" id="nav-profile" role="tabpanel" aria-labelledby="nav-home-tab">
</div>
</div>
</div>
<script>
$(".nav-item.nav-link").click(function () {
//console.log($(this).attr('id'));
if ($(this).attr('id') == "nav-profile-tab") {
$.ajax({
type: 'GET',cache: false,url: '/getallLayout',contentType: "text/html; charset=utf-8",success: function (data) {
console.log("success");
console.log(data);
$(this).html(data);
}
});
}
});
</script>
App.js
.get('getallLayout','/getallLayout',async (ctx)=>{
try{
var result = await pool.query("SELECT * FROM personLayout WHERE id=$1",[global.Id])
return ctx.render('generic',{object: result.rows[0]["layout"]["records"]})
}catch (err){
console.log("Error [getallLayout]:" + err)
}
})