繁体   English   中英

用NODEJS中的超链接和按钮更改路线的正确方法是什么?

What is the correct way to change the route with hyperlinks and buttons in NODEJS?

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我需要更改某些页面内的路由,然后从后端开始并在按钮的onclick或超链接href中自动生成值...

注意:我从后端传递值,因为我使用params等来实现这些值。

我正在使用NODEJS + EXPRESS

<!-- EM CONSTRUÇÃO -->
<header>
    <nav class="navbar navbar-expand navbar-light bg-lilas-2 fixed-top <%= informations.checking.has.ShopkeeperComparePage ? 'shadow' : null; %>">
        <div class="container-fluid d-flex justify-content-between">
            <div>
                <% if(informations.checking.has.HomePage) { %>
                    <button type="button" class="btn btn-default bg-transparent shadow-none" data-toggle="modal" data-target="#filter"><i class="menu-options-icon text-lilas-1"></i></button>
                <% } else if(informations.checking.has.ShoppingPage) { %>
                    <button onClick="document.location.replace('/home/v1/query?Shop=<%= informations.HTTP.querys.Shop %>&PeriodOf=<%= informations.HTTP.querys.PeriodOf %>&PeriodUntil=<%= informations.HTTP.querys.PeriodUntil %>&PeriodType=<%= informations.HTTP.querys.PeriodType %>&Indicator=<%= informations.HTTP.querys.Indicator %>')" type="button" class="btn btn-lg bg-transparent shadow-none"><i class="back-arrow-icon text-lilas-1"></i></button>
                <% } else if(informations.checking.has.ShopkeeperPage) { %>
                    <button onClick="document.location.replace('/shopping/v1/query?Shop=<%= informations.HTTP.querys.Shop %>&PeriodOf=<%= informations.HTTP.querys.PeriodOf %>&PeriodUntil=<%= informations.HTTP.querys.PeriodUntil %>&PeriodType=<%= informations.HTTP.querys.PeriodType %>&Indicator=<%= informations.HTTP.querys.Indicator %>')" type="button" class="btn btn-lg bg-transparent shadow-none"><i class="back-arrow-icon text-lilas-1"></i></button>
                <% } else if(informations.checking.has.ShopkeeperDetailsPage) { %>
                    <button onClick="document.location.replace('/lojista/v1/query?Shop=<%= informations.HTTP.querys.Shop %>&PeriodOf=<%= informations.HTTP.querys.PeriodOf %>&PeriodUntil=<%= informations.HTTP.querys.PeriodUntil %>&PeriodType=<%= informations.HTTP.querys.PeriodType %>&Indicator=<%= informations.HTTP.querys.Indicator %>')" type="button" class="btn btn-lg bg-transparent shadow-none"><i class="back-arrow-icon text-lilas-1"></i></button>
                <% } else if(informations.checking.has.ShopkeeperComparePage) { %>
                    <button onClick="document.location.replace('/lojistadetalhes/v1/query?Shop=<%= informations.HTTP.querys.Shop %>&PeriodOf=<%= informations.HTTP.querys.PeriodOf %>&PeriodUntil=<%= informations.HTTP.querys.PeriodUntil %>&PeriodType=<%= informations.HTTP.querys.PeriodType %>&Indicator=<%= informations.HTTP.querys.Indicator %>')" type="button" class="btn btn-lg bg-transparent shadow-none"><i class="back-arrow-icon text-lilas-1"></i></button>
                <% } %>

            </div>
            <div class="flex-fill text-center ml-4 pl-sm-2">
                <span class="navbar-brand text-white"><%= informations.page.general.titles.navbar %></span>
            </div>
            <div>
                <% if(informations.checking.has.ShopkeeperDetailsPage) { %>
                    <button onClick="(document.getElementById('BTNSWI').getAttribute('data-indicator') === 'm²') ? document.location.replace('/<%= informations.page.general.type %>/v1/query?Shop=<%= informations.HTTP.querys.Shop %>&Storename=<%= informations.HTTP.querys.Storename %>&PeriodOf=<%= informations.HTTP.querys.PeriodOf %>&PeriodUntil=<%= informations.HTTP.querys.PeriodUntil %>&PeriodType=<%= informations.HTTP.querys.PeriodType %>&Indicator=M2') : document.location.replace('/<%= informations.page.general.type %>/v1/query?Shop=<%= informations.HTTP.querys.Shop %>&Storename=<%= informations.HTTP.querys.Storename %>&PeriodOf=<%= informations.HTTP.querys.PeriodOf %>&PeriodUntil=<%= informations.HTTP.querys.PeriodUntil %>&PeriodType=<%= informations.HTTP.querys.PeriodType %>&Indicator=ABS');" type="button" id="BTNSWI" class="btn btn-sm btn-switch-indicator shadow-none" data-toggle="button" data-indicator="<%= (informations.page.data.API.indicatorType === 'm²') ? 'abs' : 'm²' %>" aria-pressed="false" autocomplete="off">
                        <div id="teste" class="handle-switch-indicator"></div>
                    </button>
                <% } else { %>
                    <button onClick="(document.getElementById('BTNSWI').getAttribute('data-indicator') === 'm²') ? document.location.replace('/<%= informations.page.general.type %>/v1/query?Shop=<%= informations.HTTP.querys.Shop %>&PeriodOf=<%= informations.HTTP.querys.PeriodOf %>&PeriodUntil=<%= informations.HTTP.querys.PeriodUntil %>&PeriodType=<%= informations.HTTP.querys.PeriodType %>&Indicator=M2') : document.location.replace('/<%= informations.page.general.type %>/v1/query?Shop=<%= informations.HTTP.querys.Shop %>&PeriodOf=<%= informations.HTTP.querys.PeriodOf %>&PeriodUntil=<%= informations.HTTP.querys.PeriodUntil %>&PeriodType=<%= informations.HTTP.querys.PeriodType %>&Indicator=ABS');" type="button" id="BTNSWI" class="btn btn-sm btn-switch-indicator shadow-none" data-toggle="button" data-indicator="<%= (informations.page.data.API.indicatorType === 'm²') ? 'abs' : 'm²' %>" aria-pressed="false" autocomplete="off">
                        <div id="teste" class="handle-switch-indicator"></div>
                    </button>
                <% } %>
            </div>
        </div>
    </nav>
</header>
问题暂未有回复.您可以查看右边的相关问题.
1 使用 vuejs 从模型绑定超链接路径的正确方法是什么

我遇到的问题是我想绑定地图,这是超链接的路径和文件名。 这似乎只适用于 jsfiddle。 有人可以告诉我添加两者的正确方法。 我正在使用地图+文件名。 new Vue({ el: "#app", data: { map:'/mypath', filename:'/apple.jpg ...

2021-06-10 01:05:52 1 15   vue.js
2 以角度路由到外部链接的正确方法是什么

我正在制作一个关于部分页面,其中有一些图标可以点击,我们可以转到他们的社交句柄,如 facebook、twitter、linkedin 等。 我的代码: 但这会创建链接 http://localhost:4200/ 前缀为www.facebook.com/user ,在互联网上搜索,我有两种方 ...

3 NodeJS:使用其他文件夹的正确方法是什么?

我正在尝试开发一个简单的Web应用程序,但是我找不到一种方法来使用与根目录不同的文件夹中存储的不同JS文件,我将尝试更好地进行解释。这是我的文件结构: 服务器正在运行myapi.js,这是代码的一部分: 现在..问题是从index.htm我不能使用简单的方法导入并使用client ...

4 释放nodejs应用程序的正确方法是什么?

释放Node.js Web应用程序的正确方法是什么? 我当前的发布脚本正在执行以下操作: 更详细的说明-版本在同一服务器上的存储库文件夹中运行(数字与注释中的数字相同): 建议最后10个并选择编号或输入标签名称来获取标签。 将当前存储库更新为所选标签。 存 ...

5 在nodejs中关闭流的正确方法是什么?

在玩流和缓冲区时,我遇到了一个问题: 我写了以下愚蠢的程序: 在与telnet连接几次之后,我得到了以下警告: 我在想也许我没有关闭正在创建的对象,或者在错误的位置创建了readStream 。 但这只是猜测,我添加了readStream.destroy() ,但这似乎没 ...

6 使用Angular JS,在路由更改时关闭Web套接字连接的正确方法是什么?

问题是相当自我解释的。 如果我通过控制器在Angular JS中打开Web套接字连接,它将在导航(路由更改)后保持打开状态。 这当然是正常的行为,但我想知道在导航时请求关闭的“最佳实践”方式是什么。 我显然可以挂钩到$routeChange...方法并向控制器广播。 但我错过 ...

8 在NodeJS服务器中路由不同类型的请求的正确方法?

感谢您抽出时间来阅读。 我是NodeJS的新手,并且是第一个项目,我在Node Environment中用路由器和请求处理程序构建了自己的服务器。 我这样做时没有使用任何模块和/或框架。 我很成功,但是对自己的所作所为感到非常满意。 我不禁要问一个细节。 服务器必须以某种方式知道要路由的内容,以便以 ...

10 更改约束常量的正确方法是什么

我必须更改约束,但是通过更改约束常量,我会得到重复-Xcode发出警告。 我可以看到一个约束是旧约束,另一个是新约束,它们的内存地址不同。 创建和设置视图以处理约束更改的正确方法是什么? 在我的示例中,我有一个mainView添加到self.view中,self.view是扩展 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM