Я использую игровую среду 2.0.1. У меня есть форма во всплывающем окне jquery, в которой я должен проверить на стороне сервера и отобразить сообщение проверки БЕЗ ЗАКРЫТИЯ всплывающего окна.
Я пытался использовать маршруты java-скриптов, как указано в примере с задачами zen, но я думаю, что нет примера для вызова ajax со стороны клиента.
Я не смог найти других примеров использования ajax в play framework 2.0.
Любая помощь приветствуется.
Спасибо.
На стороне клиента вы можете вызвать собственную функцию javascript, которая соберет все ваши входные данные формы:
$("#myForm").submit(function(evt) {
evt.preventDefault();
$.ajax({
type: "POST",
url: "@routes.MyController.myMethod()",
data: { username: $("#myForm #username").val(), age: $("#myForm #age").val() },
dataType: "json",
success: function(data, textStatus, jqXHR) {
console.log("Success of call");
//Do what you want here
//For example close the jquery opened panel
},
error: function(jqXHR, textStatus, errorThrown) {
console.log("Failure of call");
}
}
return false;
});
На стороне сервера вы будете обрабатывать входящий запрос как любой другой (это пример scala, адаптируйте его для java):
def connectWithFB = Action { implicit request =>
Form(tuple("username" -> nonEmptyText, "age" -> nonEmptyText)).bindFromRequest.fold(
errors => {
BadRequest(toJson(Map("status" -> "0", "error" -> "Missing fields or wrong field")))
},
success => {
Ok(toJson(Map("status" -> "1")))
}
)
}
С бутстрапом так легко сделать валидацию, например:
<div class="form-group" style="position:relative;left:20px;">
<label class="sr-only" for="exampleInputEmail2"><strong> Genre</strong>
</label>
<input type="text" name="genre" required />
</div>
все, что вам нужно сделать, это сказать, что это требуется так
<input type="text" name="genre" required />
Ваше здоровье
