Как предотвратить бесконечную загрузку страницы при отправке post запроса?

Question

[exxxt4zy]

Как сделать так, чтобы при отправке post запроса в функцию, в которой есть цикл страница не дожидалась окончания цикла и обновлялся счетчик отправленных сообщений? Читал, что нужно использовать ajax, но так и не разобрался как написать лучше.

general.go

if r.Method == http.MethodPost {
           for i, number := range numbers[:messageCount] {
			err := utils.SendMessage(session, number, message)
			if err != nil {
				log.Fatalf("Error while sending message: %s\n", err)
			} else {
				logMessage := fmt.Sprintf("%d. Отправлено сообщение: [%s - %s]", i, number, sessionName)
				fmt.Println(logMessage)
				sleepTime := time.Duration(delay) * time.Second
				time.Sleep(sleepTime)
			}
		}
}

index.html

<form action="/send_messages" method="post">
...
<button type="submit" class="btn btn-primary">Запустить</button>
</form>

Comments

[Александр Павлюк]

Вынести медленный фоновый процесс отправки сообщений в очередь, которая разгребается в отдельной горутине в фоне.

[iljaGolubev]

Начните с удаления

time.Sleep(sleepTime)

- может в вашем случае достаточно будет

Answer 1

[Nik Faraday]

Ну... Вот структура ajax скрипта для post запроса (Только вам нужно сначала ещё подключить jQuery, потому что ajax является частью библиотеки jQuery):

let data = { prop: value }
let jsonData = JSON.stringify(data)

$.ajax({
     url: 'https://domain.com/route/to/endpoint/',
     method: 'post',
     data: jsonData,
     dataType: 'json',
     contentType: 'application/json; charset=utf-8',
     success: (response) = { console.log(response) }, // catch Ok
     error: (response) => { console.log(response) } // catch other (BadRequest, NotFound e.t.c)
})

Этот скрипт будет выполняться асинхронно и пользователю не придётся ждать его завершения, а когда запрос будет выполнен, вы сможете его обработать в блоках success и error

Comments

[ThunderCat]

ради одного запроса ставить жквери это как минимум странно. Фетч в 3 строчки достаточно.

[Nik Faraday]

ThunderCat, ну, я не могу сказать, использует ли этот человек один запрос или много. fetch однозначно будет проще использовать, но я привёл пример с jquery ¯\_(ツ)_/¯

[exxxt4zy]

Nik Faraday, использовал fetch, получилось.

Answer 2

[calculator212]

обновлялся счетчик отправленных сообщений

Нужно отдельное API которое будет возвращать тебе значение счетчика для текущего чата, например по id чата. На стороне клиента нужно использовать js, сейчас обычно используют fetch реже XHR, соотвественно в js тебе нужно будет запустить фоновый процесс который будет опрашивать сервер раз в секунду например и обновлять счетчик

Answer 3

[Виктор Кожухарь]

Использовать SSE (Server Sent Events). Это на порядок проще, чем вебсокеты, но мощь практически такая же.
Вот неплохая статья на английском.
https://blog.stackademic.com/real-time-communicati...

Кстати, библиотека HTMX позволяет это обрабатывать и без написания Javascript
https://htmx.org/extensions/server-sent-events/