Код Catch 500 в форме отправки - PullRequest
Новая
       7

Код Catch 500 в форме отправки

0 голосов
/ 08 июня 2018

Я отправил функцию в форме

Вот код функции 

 export function submit(): void {
    $("#sequence").val(Number($("#sequence").val()) + 1);
    $("#search_results").addClass("overlay");
    $("#filter_form").submit();
  }

эта функция вызвана в методе onUpdated

Вот код 

 // This is what triggers when we anything has been changed.
  function onUpdated(): void {
    if (!skipSubmit) {
      submit();
    }
  }

Иногда у меня есть запрос кода 500 от бэкэнда, и мне нужно, например, показать предупреждение.

Мне нужно отследить статус 500 из запроса.

Интересно, как я могу это сделать?это в этом коде, потому что у меня есть только $ ("# filter_form"). submit ();?

Спасибо за помощь

Ответы [ 2 ]

0 голосов
/ 08 июня 2018

Вы публикуете свою форму синхронно.Браузер всегда показывает ответ на синхронные запросы.у вас есть 2 варианта для отображения удобных сообщений об ошибках:

1- Сервер генерирует удобную HTML-страницу и возвращает ее клиенту (вы должны обработать ошибку на сервере и сгенерироватьстраница ошибки)

2 - отправить запрос асинхронно (Ajax) и перехватить ошибку на клиенте и показать правильное сообщение пользователю: 

$.ajax(“/url-to-post”, {
   data: $("#filter_form").serialize(), // serialize form data
   success: function(){
      //... 
   },

   error: function(jqXHR, textStatus, error){
      //...
   },

});
0 голосов
/ 08 июня 2018

вы можете сделать что-то вроде этого: 

$('#filter_form').submit(function(event) {

    //serialize the data in the form in JSON
    var formData = $("#filter_form").serializeObject();

    $.ajax({
        type        : 'POST',
        url         : //your url
        data        : formData,
        dataType    : 'json', 
        encode          : true
    }).done(function(data) {
       //here it comes if there are no error in the server
    }).fail(function(data){
       //when it fails (so error 500)
       //handle your error
    )};
    event.preventDefault();

}
...