Koajs使用Bootstrap选项卡

我对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)
        }
    })
yuchenwang1191 回答:Koajs使用Bootstrap选项卡

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2921732.html

大家都在问