Search jQuery

jQuery Forum

callback and no navigation using submit.

in jQuery Mobile • 7 years ago

I am using JQM 1.4.4. I am trying to submit a form using the default ajax call and I need to do two things that I can't figure out. First I need to stop all navigation and second I need to have a callback so I can notify the user if the save was successful or not. I know I can do this using ajaxSubmit ( options ) in the jquery form plugin but I was hoping I can do this with JQM. The last part of the action "savesharefees" is used to call a php save function that returns success of failure. Thanks.

<form id="frm_saveaffiliate" action="/admin/affiliate_setup/savesharefees" method="post">

Replies(6)

watusiware

Re: callback and no navigation using submit.

7 years ago

Impossible to help shown one line of HTML! Post a link to your site or make a demo using Plunkr.

I am trying to submit a form using the default ajax call

What is "the default ajax call"?

I am *guessing* from the above that you are using this:

https://github.com/malsup/form/

But just a guess from a Google search on "ajaxSubmit". Did you ask the author if it works with jQuery Mobile and/or for any hints and tips on how to use it with jQuery Mobile? Checked the documentation and GitHub Issues? Google search?

You can easily use Ajax to submit a form using $.ajax(). Use built-in Javascript .serialize() to encode the form data.

jakecigar

Re: Re: callback and no navigation using submit.

7 years ago

.serialize is jQuery, not javaScript.

JΛ̊KE

jimboidaho

Re: callback and no navigation using submit.

7 years ago

Watusiware, you are making this too complicated.

What is "the default ajax call"?

The default action of JQM.

You can easily use Ajax to submit a form using $.ajax() . Use built-in Javascript .serialize() to encode the form data.

$.ajax() will not post a file to upload.

Take a standard JQM single page with a form tag and text box and file text box and a submit button. When the user clicks the submit button, how do I stop navigation? How do I attach a callback to respond to the ajax() post that JQM submits?

But just a guess from a Google search on "ajaxSubmit". Did you ask the author if it works with jQuery Mobile and/or for any hints and tips on how to use it with jQuery Mobile? Checked the documentation and GitHub Issues? Google search?

I have been using the form plugin and it works fine. I was just wondering if there was a way for JQM to do this?

watusiware

Re: callback and no navigation using submit.

7 years ago

$.ajax() will not post a file to upload.

You didn't mention that you wanted to upload a file. We don't read minds - we leave that to our Psychic Friends.

Jake is the expert on file upload. He can help you with that part.

Take a standard JQM single page with a form tag and text box and file text box and a submit button. When the user clicks the submit button, how do I stop navigation? How do I attach a callback to respond to the ajax() post that JQM submits?

You could use a pagecontainerbeforeload event callback, but it would be a very strange and complicated way to do it, and would provide no benefit that I can think of.

The easy way is to register a callback for the submit event, call . preventDefault() , and (in the case of a normal form with text inputs, etc.) serialize the form data and use $.ajax() .

Let's see if Jake can show how you can do that with a file upload. I don't do file uploads, never had a reason to, so I can't help on that.