How to ajax .submit a form without post with jquery

Question

Hey everyone I am trying to .submit some values with ajax response and i want to stay on current page with no refresh or $_POST.

At the 3rd image you will se my jquery script. I tried to alert('1'); etc in it. Even in the first line of function it does not alert. Strangely, It does the $_POST of the form. but not my ajax submit. as it doesnt do any process, "return false;" doesnt work too.

At the 2nd image, you see my form tag, its ID is correct its action is set to a javascript which is not necessary to run. I tried it with no "method" with no "action" with "javascript:;"

At the 1st image you will see where should my ajax response get placed. I'm searching for answer for hours. Thanks in advance for any help or comments.

Where it should return answer my form action and method jquery part of the code

Mike Lewis · Accepted Answer · 2011-03-15 21:09:45Z

2

Remove the current return false; because it only runs if the condition in the if statement is true.At the end of the submit block, add return false;

Example:

$('#livehesap').submit(function(){

// ...
// ...
// ...
  return false;
});

answered Mar 15, 2011 at 21:09

Mike Lewis

64.3k20 gold badges144 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mustafa Over a year ago

tried. But still does post. Then tried to add 2nd return false; without removing 1st. Still did post. Anyway in anycasy, #sonfiyat div still did not change.

tjmehta · Accepted Answer · 2011-03-15 21:47:01Z

1

@Mustafa, you should look at the jQuery Form Plugin, it makes "ajaxifying" forms very easy - http://jquery.malsup.com/form/

answered Mar 15, 2011 at 21:47

tjmehta

31.5k4 gold badges24 silver badges18 bronze badges

1 Comment

Mustafa Over a year ago

didnt work on my or at least i couldnt run it. my all my problem is that reeturning value from /motor.php

Naftali · Accepted Answer · 2011-03-15 21:07:07Z

0

add an onclick='return false;' to the form

answered Mar 15, 2011 at 21:07

Naftali

147k41 gold badges247 silver badges304 bronze badges

2 Comments

Naftali Over a year ago

it should post bc of your jquery function. but the return false stops the redirection of the page

Mustafa Over a year ago

now im done with the redirect as long as my action is action="javascript:;" if i change it, it still redirects. Anyway, even if i wrote $('#sonfiyat').html('asdasd'); $('#sonfiyat').show("fast"); it still do not rewrite that div

NikoRoberts · Accepted Answer · 2011-03-25 20:18:24Z

0

I think you need to post your motor.php code here as well.
Are you just using echo or print in your PHP code to return some HTML code?
How are you handling the variables that are being passed in?

You are passing some strange variables into the PHP document. {veri:$("#livehesap>input"),gorev:'son_fiyat_hesapla'}
I think you are looking for something like $("#livehesap").serialize()
http://api.jquery.com/serialize/

If you give us more information I am sure we can fix your problem.

answered Mar 25, 2011 at 20:18

NikoRoberts

7896 silver badges18 bronze badges

Collectives™ on Stack Overflow

How to ajax .submit a form without post with jquery

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related