StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>You can return a response like usual and decide on the view if you want to do a partial render or render the whole page by extending different twig layouts.</p> <p>In your controller:</p> <pre><code>if ($form->isValid()) { // perform some action, such as saving the task to the database $this->get('session')->setFlash('notice', 'Success!'); return $this->render('success.html.twig'); } else { $this->get('session')->setFlash('notice', 'Please correct the errors below'); } </code></pre> <p>And in your views:</p> <pre><code>{# new.html.twig #} {% extends app.request.isXmlHttpRequest ? 'ajax.html.twig' : 'layout.html.twig' %} {% block content %} {% if app.session.hasFlash('notice') %} <div class="flash-notice">{{ app.session.flash('notice') }}</div> {% endif %} <form ...> {{ form_widget('form') }} <input type="submit" /> </form> {% endblock %} {# success.html.twig #} {% extends app.request.isXmlHttpRequest ? 'ajax.html.twig' : 'layout.html.twig' %} {% block content %} {% if app.session.hasFlash('notice') %} <div class="flash-notice">{{ app.session.flash('notice') }}</div> {% endif %} {% endblock %} {# ajax.html.twig #} {% block content %}{% endblock %} {# layout.html.twig #} <html> <body> normal page content <div id='content'> {% block content %}{% endblock %} </div> </body> </html> </code></pre> <p>(You might want to put the flash messages part in a macro or an include...)</p> <p>Now simply render the return from the ajax request into the tag you want to place it:</p> <pre><code>$.ajax({ type: "POST", url: "tasks/new", data: {task: foo, dueDate: bar}, }).done(function( msg ) { $('#content').html(msg); }); </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload