StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PORouting for Symfony2 TWIG templates with AJAX
primarykey
Id
17438095
data
AcceptedAnswerId
17438125
AnswerCount
1
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-07-03T00:53:57.273
FavoriteCount
0
LastActivityDate
2013-07-03T01:50:59.427
LastEditDate
2013-07-03T01:50:59.427
LastEditorUserId
2020525
OwnerUserId
2020525
ParentId
0
PostTypeId
1
Score
1
ViewCount
2862
LastEditorDisplayName
text
Body
<p>I have been struggling with this for a couple days and have yet to find any real solutions online yet. I have a form that allows users to enter their email, then after they enter it fades out and is replaced by another form. I am using ajax to submit data from a form to a symfony2 controller, which stories it in the database and sends a response. However, the response ends up just sending me to a blank page with the response data displayed, instead keeping me on the same page and just fading the boxes as needed. I think my issue is with how I have the controller actions set up and the routing files. </p> <p><strong>EDIT</strong></p> <p>Well now the issue is that when I click on the submit button nothing happens. Nothing is sent to the controller, so nothing is being stored and no response is being given. What I changed was based on the answer by @PaulPro, appending the </p> <pre><code><script> $('#emailForm').submit(submitForm); </script> </code></pre> <p>to the end of the html page. Thanks in advance for any help and insight!</p> <p>The controller has 2 relevant actions, the one that renders the TWIG Template with the form, and the one that handles the ajax form submission and returns the response. </p> <pre><code>public function emailAction() { return $this->render('Bundle:email.html.twig'); } public function submitEmailAction() { $em = $this->getDoctrine()-> getEntityManager(); $email = new Email(); $request = $this->getRequest(); $emailVar = $request->request->get('emailSignup'); $email -> setEmail($emailVar); $em->persist($email); $em->flush(); $return=array("responseCode"=>200); $return = json_encode($return); return new Response($return, 200, array('Content-Type'=>'application/json')); } </code></pre> <p>This is the routing for those actions, most likely the culprit of it all:</p> <pre><code>Bundle_email: pattern: /email defaults: { _controller: Bundle:email } requirements: _method: GET Bundle_submitEmail: pattern: /submitEmail defaults: { _controller: Bundle:submitEmail } requirements: _method: POST </code></pre> <p>And then here is the email.html.twig template and ajax script:</p> <pre><code><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="{{asset('css/styles.css')}}" rel="stylesheet" type="text/css" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript"> function submitForm(){ var emailForm = $(this); var path = "{{path('Bundle_submitEmail')}}" $.ajax ( { type: 'POST', url: $("#emailForm").attr("action"), emailSignup: $("#emailId").val(), success: function(data){ if(data.responseCode==200 ){ $('.email-signup-form').fadeOut(); $('.share-form').delay(500).fadeIn(); } } }); return false; }</script> </head> <body> <form id="emailForm" action="{{path('Bundle_submitEmail')}}" method="POST" class="email-signup-form"> <input type="email" placeholder="e-mail address" name="emailSignup" id="emailId" required="true"/> <input type="submit" value="Go"> </form> <form class="share-form"> </form> <script> $('#emailForm').submit(submitForm); </script> </body> </html> </code></pre>
Tags
<ajax><symfony>
Title
Routing for Symfony2 TWIG templates with AJAX
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. UStsHunter
UserOwnerUserId
1. UStsHunter
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PORouting for Symfony2 TWIG templates with AJAX
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.