Forum:

HTML Pages with CSS and JavaScript

jQueryForm() / jQuerySubmit issue

Ranch Hand

Posts: 30

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

This is what I am trying to do. I have the below code which would self submit a form and would redirect it to http://someUrl.com

Now I am trying to do almost the same using JQuery

<html>
  <head>
        <script type="text/javascript" src="../jquery/jquery-1.2.6.js"></script>
        <script type="text/javascript" src="../jquery/jquery.form.js"></script>
        <script type="text/javascript">
              $(document).ready(function()
              {
                     $.ajax(
                     {
                           type: "GET",
                           url: "www.AnotherURL.com",
                           data: "param=122"
                           success: function(msg)
                           {
                                $('#myForm').ajaxSubmit();
                           },
                           error: function(req, errorType, errorThrown)
                           {
                                $('#myForm').ajaxSubmit();
                           }
                     });
              });
        </script>
  </head>

It did not submit the form. It was staying on the same page instead of going to http://someUrl.com. (I am not quite sure about the difference between ajaxSubmit() and ajaxForm())
If I use $('#myForm').submit(); instead of $('#myForm').ajaxSubmit(); it does work.

I am just wondering what I am missing here. Shouldn't the code $('#myForm').ajaxSubmit();
submit the form ?

Thank you in advance for any help.

MURAD (SCJP 5.0, SCWCD 1.4)
If you learn to program in Java, you'll never be without a job! (Patricia Seybold in 1998) - Knowing the syntax of Java does not make someone a software engineer. (John Knight)

Bear Bibeault

Sheriff

Posts: 67752

173

I like...

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Md Uddin wrote:It didn't work.

Sorry about your keyboard. (Please read this for an explanation.)

I am not quite sure about the difference between ajaxSubmit() and ajaxForm()

ajaxSubmit() submits the form immediately as an Ajax request. ajaxForm() instruments the form such that when it gets submitted it will route through an Ajax request rather than perform a "normal" form submission.

If I use $('#myForm').submit(); instead of $('#myForm').ajaxSubmit(); it does work.

Again "it doesn't work" isn't helpful.

If you are expecting these two statements to do that same thing, then that's the issue. .submit() will cause a normal page submission, while ajaxSubmit() will cause the form to be submitted through an Ajax request.

[Asking smart questions] [About Bear] [Books by Bear]

HTML 5 (verified skill)
Skill verified by Jeanne Boyarsky

CSS 3 (verified skill)
Skill verified by Jeanne Boyarsky

JavaScript (verified skill)
Skill verified by Jeanne Boyarsky

Md Uddin

Ranch Hand

Posts: 30

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Bear Bibeault, wow you are really fast. I couldn't even finish uploading and you already replied. Thank you.
I have updated my code, I want to give the browser back to the form action URl. What you suggest ?

Bear Bibeault

Sheriff

Posts: 67752

173

I like...

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Md Uddin wrote:I want to give the browser back to the form action URl. What you suggest ?

I'm not sure what you are asking here.

[Asking smart questions] [About Bear] [Books by Bear]

Md Uddin

Ranch Hand

Posts: 30

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Bear Bibeault wrote:

Md Uddin wrote:I want to give the browser back to the form action URl. What you suggest ?

I'm not sure what you are asking here.

Sorry, if I couldn't make my question clear.

First I would like to send an AJAX request to AnotherURL.com, depends on the response (success or failure) , I would like to submit my form and which will send it to someUrl.com

As per my understanding ajaxSubmit() should do the work. I am probably missing the very basic here (I am really new to jQuery).
Depends on the above code what I need to change if I would like to do this using ajaxForm() or ajaxSubmit() ?

Eric Pascarello

author

Posts: 15385

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

You can not make an Ajax call to another domain

https://developer.mozilla.org/En/Same_origin_policy_for_JavaScript

Eric

Bear Bibeault

Sheriff

Posts: 67752

173

I like...

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Yeah, to make direct cross-browser request you've got to resort to a hack like jsonp (which I generally don't recommend due to security concerns).

If you need to do something like this, you'll need to look into establishing a server-side proxy.

[Asking smart questions] [About Bear] [Books by Bear]

Md Uddin

Ranch Hand

Posts: 30

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

Eric Pascarello wrote:You can not make an Ajax call to another domain

https://developer.mozilla.org/En/Same_origin_policy_for_JavaScript

Eric

The Ajax call will be to a sub domain. I think that will work. How about in that case ?

Eric Pascarello

author

Posts: 15385

posted 15 years ago

Number of slices to send:

Optional 'thank-you' note:

Send

The link I posted: https://developer.mozilla.org/En/Same_origin_policy_for_JavaScript answers that

And will you succeed? Yes you will indeed! (98 and 3/4 % guaranteed) - Seuss. tiny ad:

Smokeless wood heat with a rocket mass heater

https://woodheat.net