我用htmx javascript API如何获得来自服务器的响应

Question

我的代码块看起来像这样，基本上当一个模态被触发时，我发送一个GET请求并检索响应，它确实发送了请求，但我无法看到(或者更好地说)从服务器通过。then()从html中获得响应。从那里我用示例文档。

htmx.ajax('GET',
'/user-related-comment/',
{ swap: 'none', values: { userId: userId } }
).then(data => {
console.log(data)
})

登录到浏览器控制台时，data是undefined。

Answer 1

对于任何需要这样做的人，一个选项将是收听'htmx:afterOnLoad'事件示例。

htmx.ajax('GET', '/example', '#myDiv').then(() => {
document.body.addEventListener('htmx:afterOnLoad', event=>{
console.log(event)
// access response at event.detail.xhr.response
// convert to JavaScript object by JSON.parse(event.detail.xhr.response)
})
});

由于某些原因，在第一次点击时什么也不做。