Submit Variable to Server using jQuery

Question

I'm trying to figure out how to submit my form with a page refresh. I'm creating a small dealer locator for a client, and when my form submits, they update the dealer list fine. What I'm trying to do is have it so the page doesn't reload. So far I've written the following code, but not sure how to post the variable and have it take effect by my Ruby on Rails code.

$("#getDealers ").submit(function(e) {
    e.preventDefault();

    // pull in postal code variable


});

Darin Dimitrov · Accepted Answer · 2011-05-16 15:10:10Z

3

You could use the .serialize() method to send the contents of the form using AJAX to the corresponding action as if it was normal request:

$('#getDealers').submit(function(e) {
    $.ajax({
        url: this.action,
        type: this.method,
        data: $(this).serialize(),
        success: function(result) {
            // TODO: do something with the result returned by the server
        }
    });
    e.preventDefault();
});

And to avoid writing all this code you could use the excellent jquery form plugin:

$(function() {
    // AJAXify the getDealers form
    $('#getDealers').ajaxForm(function(result) {
        // TODO: do something with the result returned by the server
    });
});

answered May 16, 2011 at 15:10

Darin Dimitrov

1.0m277 gold badges3.3k silver badges3k bronze badges

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

Collectives™ on Stack Overflow

Submit Variable to Server using jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related