如何从本身触发 hx-get 调用的 SSE 事件中获取 htmx get 的 url？

我正在将 django 与 django-channels 和 htmx 一起使用。

在某些情况下，我的 django 视图将向订阅相关频道的用户发送 SSE 事件，例如通知。其中一些事件（取决于事件名称）需要触发模式弹出窗口（例如电子商务订单或服务完成后的评级模式）。

我已经实现了服务器端事件和数据生成的要求。我想在前端使用 htmx sse 扩展（django 模板）。

我的问题是，我想要一个事件，比方说order_complete，并用它来触发hx-get调用将由 sse 事件发送的特定 url。那hx-get然后， 的响应将被放置在模态视图逻辑存在的占位符中。我可以获取事件并触发 get 请求，如 htmx sse 扩展文档中所述，但我不知道如何获取要放入 hx-get 中的 url。

我对 JavaScript 知之甚少，对 htmx 知之甚少。我研究过带外交换，但我不确定这是否是我需要的。

如果有任何意见或建议，包括非 htmx 解决方案，如果它性能更好或更容易的话，我将不胜感激。

谢谢。

您可以将参数附加到（固定）url。

在客户端 JavaScript 中处理 sseMessage 事件。

    document.body.addEventListener('htmx:sseMessage', function (evt) {

        //* check if this event is the one you want to use
        if (evt.detail.type !== "order_complete") {
            return;
        }

        //* If a JSON string was sent, leave it as it is 
        //evt.detail.elt.setAttribute("hx-vals", evt.detail.data);

        //* if not
        var msg = {};
        msg.orderId = evt.detail.data;   
        evt.detail.elt.setAttribute("hx-vals", JSON.stringify(msg));
    });

see https://htmx.org/attributes/hx-vals/

如果 evt.detail.data 为 123，则生成 url：

/orders/showmodal?orderId=123

html：

    <div hx-ext="sse" sse-connect="/sse-something">
        <div hx-get="/orders/showmodal"
                hx-trigger="sse:order_complete"
                hx-swap="innerHTML"
                hx-target="#idModalPlaceholder">
        </div>
    </div>

Update
您还可以仅使用事件侦听器订单完成.

    document.body.addEventListener('sse:order_complete', function (evt) {

        //* If a JSON string was sent, leave it as it is 
        //evt.detail.elt.setAttribute("hx-vals", evt.detail.data);

        //* if not
        var msg = {};
        msg.orderId = evt.detail.data;   
        evt.detail.elt.setAttribute("hx-vals", JSON.stringify(msg));
    });