Hi,

thanks for your response.

Do you mean something like this?

jQuery.ajax({type:'POST',
                  dataType: 'json',
                  data: this.serialize(),
                  url:'/trainingHelper/user/signUp',
                  success:function(data,textStatus) {
                       signUpResult(data);
                       return false;
                  },
 
error:function(XMLHttpRequest,textStatus,errorThrown) {
                        return false;
                     }
                  });

With this I get the same behaviour :/

Any other suggestions?

Cheers
Finn

MorningZ schrieb:
> Yuck
>
> Break out the $.ajax code out of the markup, that's just making it
> tons more difficult to debug
>
> $(document).ready(function() {
>     $.ajax({
>        type:'POST',
>        dataType: 'json',
>        data: this.serialize(),
>        url:'/trainingHelper/user/signUp',
>        success:function(data,textStatus) {
>            signUpResult(data);
>        },
>        error:function(XMLHttpRequest,textStatus,errorThrown){
>        }
>     });
>    return false;
> });
>
>
> breaking out out that way makes it easier to see that you are missing
> "return false" from both the "success" and "error" callbacks (which is
> needed)
>
>
> On Oct 14, 9:15�pm, Finn Herpich <[EMAIL PROTECTED]>
> wrote:
> > Hi folks,
> >
> > I've searched the Internet for a while but couldn't find a reason why my
> > problem occurs.
> >
> > So, I'm working on a jQuery-plugin for Grails and I'm struggling with an
> > AJAX-submit of a form.
> >
> > The attached code, generated by the plugin, leads the browser (Opera
> > 9.6, Firefox 3.0.3 working with jQuery 1.2.6) to show the result on a
> > new page instead of calling the success-function.
> >
> > Maybe I'm just to tired at the moment (3 am here), but I can't see my
> > mistake. Hopefully someone can help me =)
> >
> > Cheers
> > Finn
> >
> > <!-- snip -->
> > <script src="/trainingHelper/js/jquery/jquery-1.2.6.js" 
> > type="text/javascript">
> > </script>
> > </head>
> > <body>
> > <form id="signUpForm" name="signUpForm" 
> > action="/trainingHelper/user/signUp" method="post" 
> > onsubmit="$.ajax({type:'POST',dataType: 'json',data: this.serialize(), 
> > url:'/trainingHelper/user/signUp',success:function(data,textStatus){signUpResult(data);},error:function(XMLHttpRequest,textStatus,errorThrown){}});return
> >  false">
> > <button type="submit">Sign Up</button>
> > </form>
> > </body>
> > </html>

Reply via email to