Jquery Ajax - Submitting form with ajax not working

Question

I have a form which on submit I want to run a script via Ajax, but for some reason it is returning an error. Any idea what is wrong? My code is as following:

$('.spiderform').submit(function (event) {
        event.preventDefault();
        alert($(this).serialize());
        $.ajax({
            type: 'get',
            url: 'http://spidertest.epiphanydev1.co.uk/spider/?'+$(this).serialize(),
            beforeSend: function() {
                alert('sending form');
            },
            success: function() {
                alert('worked');
            },
            error: function(jon) {
                alert('error');
            }
        });
    });

Thanks

use firebug to see the error, open its console and try to submit the form. The error will be displayed in firebug console. — Rosdi Kasim
– Rosdi Kasim, Commented Apr 21, 2010 at 10:45

Quentin · Accepted Answer · 2010-04-21 10:09:12Z

4

Since you haven't given any idea what error is is, but since you have an absolute URI in there, I'd guess you are running into the Same Origin Policy.

answered Apr 21, 2010 at 10:09

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

3 Comments

Probocop Over a year ago

Thanks for your response, Yes the URL i'm sending to is on a different server than the one I'm making the call from. How would I achieve the results I'm after?

Rosdi Kasim Over a year ago

Probocop, submit it server-side. Your ajax submit it to php/servlet/cgi, and then php/servlet submit it to the intended server.

Probocop Over a year ago

That's exactly what I've just ended up doing :)

Collectives™ on Stack Overflow

Jquery Ajax - Submitting form with ajax not working

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related