如何使用Expressjs的模态进行路由?

时间:2017-05-19 04:31:08

标签: node.js express

不知道从哪里开始所以没有任何代码可以发布,如何创建一个动态路由,快递显示模态而不是全新的页面? (使用模态背景上的上一个路径),我使用把手作为视图引擎。

1 个答案:

答案 0 :(得分:0)

假设您在客户的网页中使用jQuery:

您可能有一个按钮或其他东西来触发模态的打开。向此触发器添加事件侦听器并阻止默认事件。然后向您的服务器发送ajax get请求。在节点应用程序中,通过呈现或使用res.json()发送数据。

$("#modalTrigger").click(function(event) {
    event.preventDefault;
    $.ajax({
        type: "GET",
        url: "/theURL" // Modify the url according to your application logic
    }).done(function(yourData) {
        // Now open the modal! (Assuming you are using bootstrap.js)
        $("#yourModal").modal("show");
        // If you used 'res.json' then you can use yourData here
        $("#paragraphInModal").html(yourData);
    });
}