N кнопок, по нажатию на которые выводится информация в какое-то поле.
После чтения учебника набросал такой вариант, но что-то это как-то совсем плохо выглядит.
https://svelte.dev/repl/c763e1814da740f186620d75ad1fa42f?version=3.38.0
Попутный вопрос - есть ли в svelte какой-то синтаксический сахар автоматом абортить async запросы(не знаю как правильно назвать это)
Т.е. нажал на кнопку 1, не дождался ответа от сервера, нажал на кнопку 2, получил результат и только тут мне долетает ответ на нажатие на кнопку 1?
Ну или возможно есть какой-то известный паттерн для таких сценариев?
1. Почему плохо? 2. Стоит посмотреть в сторону axios и остановки запросов там
Гугл выдает к примеру этот ответ на so https://stackoverflow.com/a/38353346/13912694
блин аборт контроллеры во всех браузерах
1. Изначально url пустая, видимо поэтому при запуске вижу Uncaught (in promise) TypeError: Failed to fetch 2. Спасибо, посмотрю
то есть в on:click надо будет явно абортить предыдущий запрос получается
Сафари только двенадцатой версии и вообще в axios почти все удобнее и стабильнее, так что стоит туда впервую очередь смотреть
учитывая что весь этот аксиос не нужен и уже есть из коробки в браузере
В getTitle перенести
В "этом нашем axios" есть удобные интерсепторы, одного чего только хватает чтобы взять его вместо фетча
Молчу про туеву хучу дополнительных плюшек
https://svelte.dev/repl/d058753871234df6931b06c367b40c99?version=3.38.0 Можно так переделать, если прямо таки хочется
Ого как всё усложнилось 🙂 Спасибо большое, пошёл разбираться
Обсуждают сегодня