blob: e8612fe2fc2d0b67e24ffb5e9dcc9695c2569bdf (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
# Bug when using HTMX Ajax Post request
## Tags
* type: bug
* priority: high
* status: open
* assigned: alexm
* keywords: url
## Description
The issue occurs when you send a post request using HTMX javascript Api.this does
not provide a well defined to handle errors from the callback
A code snippet can be show below
```js
htmx.on("#upvote", "click", function(evt){
vote_count = htmx.find(".btn-success") ? 0 : 1
htmx.ajax("POST", `/gnqna/rating/${task_id}/${vote_count}`, {target: "#rate", swap:"innerHTML",values: {'query': query, 'answer': answer}}).then(()=>{
htmx.toggleClass(htmx.find('#upvote'), 'btn-success');
htmx.removeClass(htmx.find("#downvote"), "btn-danger");
})
.catch((err)=>{
alert("html")
})
});
```
In the above snipped incase of a response error you would expert the catch method
method to be invoked but that doesn'tn occur
This is the htmx docs which does not provide a proper error handling mechanism
=> https://htmx.org/api/
## Note
the reason for using the htmx javascript api is to toggle the rating class for
both like and dislike functionality depending if the requests fails or succeeds
|