AJAX срабатывает, но нет ошибок, даже если намеренно их сделать

[Sokoljr]

Вот часть кода, здесь происходит регистрация на сервере, все работает, пользователь регистрируется, success срабатывает - выводится алерт и закрывается модалка, НО - регистрироваться можно хоть 100 раз под одним и тем же ником, error - не срабатывает ( если ник такой уже есть, то высвечивалась надпись), на чистом JS работает, на jquery не получается

function signUp() {
        $('#regBtn').on('click', function(event) {	
                event.preventDefault();
	        var newName = $("#newName").val();
	        var newPass = $("#newPass").val();
	        var registration = {
	         	"username": newName,
		         "password": newPass
		};
	        var jsonStr;
		jsonStr = JSON.stringify(registration);
                $.ajax({
	             type: "POST",
	            contentType: "application/json",
	            url: urlMain + "api/register/",
	            data: jsonStr,            
	            dataType: "json",
	            success: function (data){
	                alert("Successful registration! Now Log In"); 
	                $("#modalReg").modal("hide");                          
	            },
	            error: function (data) {                 
	                var registrationValid = $(".validRegistration").addClass("validRegistration");
	            }              
	        });
	    });
	}
	signUp();

[Rise]

на чистом JS

покажи

[dd_smol]

В данном контексте error является отлов ошибок по связи с сервером ... они не как не влияют на ошибки регистрации ... success должны прийти сервера данные о том что такой пользователь уже существует и уже их обработать как ошибку.

[Sokoljr]

покажи

function signUp() {
    document.querySelector('#regBtn').addEventListener('click', function () {
        var newName = document.getElementById("newName").value;
        var newPass = document.getElementById("newPass").value;
        var registration = 'username=' + newName + '&password=' + newPass;
        var xhrRegistration = new XMLHttpRequest();
        xhrRegistration.open('POST', 'http://smktesting.herokuapp.com/api/register/', true);
        xhrRegistration.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        xhrRegistration.setRequestHeader('Accept', "application/json");
        xhrRegistration.onreadystatechange = function () {
            if (this.readyState === 4) {
                xhrRegistration.onload = function () {
                    gsonProductComments3 = JSON.parse(xhrRegistration.responseText);
                    if (gsonProductComments3.success === true) {
                        alert("Successful registration! Now Log In");
                        $("#modalReg").modal("hide");
                    }
                    else {
                        var registrationValid = document.querySelector(".validRegistration");
                        registrationValid.className = "validRegistration";
                    }
                };
            }
        };
        xhrRegistration.send(registration);
    });
}
signUp();

[Sokoljr]

dd_smol,
так а как тогда предотвратить одинаковое создание логина?

[Rise]

dd_smol, невалидный json тоже приведет к error

[dd_smol]

Что то наподобие этого должно быть.

$.post(urlMain + 'api/register/', jsonStr, function ( data ) {
	if ( data.success === true ) {
		alert("Successful registration! Now Log In"); 
		$("#modalReg").modal("hide");   

	} else {
		var registrationValid = $(".validRegistration").addClass("validRegistration");
	}
}, 'json');

[Rise]

Sokoljr, условие в success, в условии data

[Rise]

Sokoljr, либо если ник такой уже есть то отдавай сервером ошибку 404, 500 или невалидный json, тогда будет ответ в error уходить

[dd_smol]

dd_smol, невалидный json тоже приведет к error

Про такие тонкости в документациях не описано ... проверять опытным путем лень. Так что поверю на слова ... но если не изменяет память отсылаемы данные не как не влияют на взаимодействие между сервером и клиентом.