Back to Practical Aspnetcore

HX-Trigger Response Header

projects/htmx/header-hx-trigger-4/README.md

latest778 B
Original Source

HX-Trigger Response Header

This example demonstrates the usage of HX-Trigger response header to emit multiple custom events with JSON payload at the client(doc).

Htmx package doesn't support this construct so we have to build the HX-Trigger response manually.

csharp
htmx.MapGet("/", (HttpRequest request, HttpResponse response) =>
{
    var showMe = JsonSerializer.Serialize(new { message = "GET from show-me" });
    var showYou = JsonSerializer.Serialize(new { message = "GET from show-you" });

    response.Headers.Append("HX-Trigger", $$$"""{"show-me": {{{showMe}}}, "show-you": {{{showYou}}} }""");
    return Results.Content($"GET => {DateTime.UtcNow}");
});