Отправка Ajax на контроллер
Я пытаюсь получить живую проверку в форме регистрации, которая сообщает пользователю, было ли уже занято имя пользователя, которое он пытается использовать. Я использую jQuery для обнаружения изменений во вводе и хочу отправить имя пользователя, которое они вводят, как AJAX, на контроллер Spring, который я настроил. В конце концов он подключит его к запросу и вернет его, если это имя пользователя уже было зарегистрировано. У меня проблемы с AJAX. Есть идеи, как точно отправить запрос?
Мой AJAX:
$(document).ready(() => {
function checkPassword() {
let usernameGiven = $("#username").val();
$.post( "/check",
{username: usernameGiven} ,
function(data) {
console.info(data)
})
}
$('#username').on('input', () => {
checkPassword()
});
});
Мой контроллер:
@PostMapping("/check")
public String checkUsername(@RequestParam(name = "username") String username){
}
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Я давно не использовал jQuery, но не думаю, что вы можете передавать данные в своем сообщении, используя этот синтаксис. Пытаться:
$.ajax({
type: "POST",
url: url,
data: data,
success: success,
dataType: dataType
});
dataType - это тип данных, которые вы ожидаете от сервера (xml, json, script, text, html).
Пока вы тестируете это, убедитесь, что вы действительно возвращаете некоторые данные обратно со своего контроллера, даже если пока это просто фиктивные данные.
Может работать, если вы используете:
<input id = "username" onBlur = "checkIfUserExist()">
Сделайте функцию javascript:
function checkIfUserExist() {
$.ajax({
url: "/check",
data:'username='+$("#username").val(),
type: "POST",
success:function(data){
console.info(data); //content user availability status
},
error:function (){}
});
}
}
Думаю, я нашел то, что искал. Это работает для меня. Дайте мне знать, если вы думаете, что есть более эффективный способ сделать это.
@RestController
public class TestController {
@GetMapping("/getString")
public String getString(@RequestParam(name = "username") String username) {
return JSONObject.quote(username);
}
}
Я получаю сообщение об ошибке. Я уверен, что это исходит от контроллера. Однако я не уверен, какой тип возвращаемого значения нужно отправлять обратно. Например, если бы я просто хотел отправить почтовый запрос и вернуть имя пользователя обратно в ajax.