ansaurus

Question

Answer 1

A:

Try capturing on the "submit" instead of the "click"

Tim 2010-09-27 16:26:25

I have give my form and id of "textCaseForm" - Then, I use: $("#testCaseForm").submit(function(){ hello(); }); No luck, same result. :(

MEM 2010-09-27 16:37:25

It may be a PHP problem, maybe try adding a subdirectory name in front of the filename, e.g. "MyScripts/testCaseAjaxServerSide.php"

Tim 2010-09-27 16:58:41

I think Matthew is right, you need a "return false" to prevent a standard non-Ajax POST from interfering with your Ajax request.

Tim 2010-09-27 17:18:55

Answer 2

+4 A:

Works for me if I prevent the submit button's default behavior. Try changing the click function to:

$("#inputAmigo").click(function(e){
    e.preventDefault();
    hello();
});

or change your form so that you're not using a submit button. Use a simple <input type='button'> instead.

You could also try using the jQuery form plugin.

villecoder 2010-09-27 16:30:43

I would like to avoid the prevent... I believe if I code it right, I have no need to prevent. About the input type='button' is not a standard solution so I believe, so input type='submit' should be used instead. Since I'm fairly newbie into jquery I would prefer to NOT abuse, and have it's usage to the bare minimum, so Jquery form plugin will not be my first choice... I have tried to give the form an id, and use .submit() instead of click. No luck either... (Sorry for being such a pickier... Any other suggestion :s )

MEM 2010-09-27 16:46:49

@MEM if you don't prevent the form from being submitted, then there is no point of using ajax, because submitting the form will send your post to the server. If you want to use ajax to post the form the form cannot post, because that will force a page refresh. you should either use input type="button" or "return false" in your click handler.

Matthew J Morrison 2010-09-27 17:02:33

So, preventDefault() is not a workaround, it's actually the way we can do, and no one will beat me with a ruler for that? Ok...

MEM 2010-09-27 17:16:29

@MEM take a look at this: http://stackoverflow.com/questions/1357118/javascript-event-preventdefault-vs-return-false

Matthew J Morrison 2010-09-27 17:25:06

@Matthew Thank you for the followup.

villecoder 2010-09-27 17:57:47

ansaurus

tags:

views:

answers:

basic quick ajax question with jquery

related questions