From b44d577124ae6fb5e62674528060289c0d31fd6a Mon Sep 17 00:00:00 2001 From: Alexander_Kabui Date: Tue, 14 May 2024 13:46:55 +0300 Subject: Add new issue: error handling using htmx javascript api. --- issues/htmx-error-handling.gmi | 42 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 42 insertions(+) create mode 100644 issues/htmx-error-handling.gmi (limited to 'issues') diff --git a/issues/htmx-error-handling.gmi b/issues/htmx-error-handling.gmi new file mode 100644 index 0000000..e8612fe --- /dev/null +++ b/issues/htmx-error-handling.gmi @@ -0,0 +1,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 + + + + + + -- cgit v1.2.3