使用jQuery将变量提交到服务器

时间:2011-05-16 15:07:21

标签: jquery ajax forms

我正在尝试弄清楚如何通过页面刷新提交表单。我正在为客户创建一个小型经销商定位器,当我的表单提交时,他们会更新经销商列表。我正在尝试做的是让页面不重新加载。到目前为止,我已经编写了以下代码,但不确定如何发布变量并让我的Ruby on Rails代码生效。

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

    // pull in postal code variable


});

1 个答案:

答案 0 :(得分:3)

您可以使用.serialize()方法将使用AJAX的表单内容发送到相应的操作,就像它是正常请求一样:

$('#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();
});

为了避免编写所有这些代码,您可以使用优秀的jquery form plugin

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