71 lines
1.9 KiB
Twig
71 lines
1.9 KiB
Twig
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
</head>
|
|
<body>
|
|
|
|
{{ form_row(form.name) }}
|
|
|
|
<pre id="response"></pre>
|
|
|
|
<input type="button" id="submit" value="Save">
|
|
|
|
<ul id="list">
|
|
|
|
</ul>
|
|
|
|
<script src="//codeorigin.jquery.com/jquery-1.10.2.min.js"></script>
|
|
<script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
|
|
<script src="{{ asset('bundles/fosjsrouting/js/fos_js_routes.js') }}"></script>
|
|
|
|
<script>
|
|
// J'utilise jQuery par flemme
|
|
(function(w, $) {
|
|
var listCategories = function() {
|
|
$.ajax({
|
|
// Si tes scripts sont dans un fichiers JS
|
|
// tu peux accéder aux routes (et les générer)
|
|
// via cette méthode (voir le README)
|
|
url: Routing.generate('get_categories'),
|
|
}).done(function(collection) {
|
|
var $list = $('#list').html('');
|
|
|
|
collection.forEach(function(value) {
|
|
$list.append($('<li>').html(value.name));
|
|
});
|
|
});
|
|
}
|
|
|
|
$('#submit').click(function() {
|
|
var name = $('#name').val();
|
|
|
|
$.ajax({
|
|
url: Routing.generate('post_category_new'),
|
|
method: 'POST',
|
|
data: {
|
|
name: name,
|
|
}
|
|
}).done(function(response) {
|
|
$('#response').text(JSON.stringify(response));
|
|
listCategories();
|
|
}).fail(function(response) {
|
|
// En cas d'erreur, l'API est faite de telle sorte
|
|
// que les données mal saisies soient remontées avec le message
|
|
// d'erreur associé.
|
|
// Avec un peu de code, tu peux automatiser l'affichage des erreurs
|
|
// puisque les erreurs sont associés à leur champ respectif.
|
|
$('#response').text(JSON.stringify(response.responseJSON, null, 4));
|
|
listCategories();
|
|
});
|
|
});
|
|
|
|
listCategories();
|
|
})(window, jQuery);
|
|
</script>
|
|
</body>
|
|
</html>
|
|
|
|
|