How to display the error returned by the server (ajax post request)?

Question

JavaScript

Hello. You need to register a user by sending his data to the server. The request reaches the server (there is a counter of incoming requests), but success does not work, and the error text cannot be displayed. I give the request code below, the screen displays "undefined", 0, error and an empty window, respectively:

$('.auth-button').on('click', function() {
  $.ajax
  ({ 
      url:url1,
      type:"POST",		 
      data:JSON.stringify({"email":$('#email').val(),"password": $('#pass').val()}),
      contentType:"application/json",
      dataType:"json",
      success: function(){
          window.location = url2;
      },
      error: function(xhr, status, error) {
          alert(xhr.ResponseText);
    alert(xhr.status);
          alert(status);
          alert(error);
      }
  });
});

I tried adding async: false - in this case, nothing was displayed on the screen at all, but the success block still did not work.

Answer 1

In order to help you need to understand what url1 sends

Answer 2

do not use

alert(xhr.ResponseText);
alert(xhr.status);
alert(status);
alert(error);

use

console.log(xhr.ResponseText);
console.log(xhr.status);
console.log(status);
console.log(error);