jquery ajax可以只告诉表单id吗

Question

当我使用 jquery 发送 ajax 请求时，我指定一个 data 数组，就像

data: {param1: 'somevalue', param2: 'another value' }

我看到一些用 MooTools 1.2 编写的旧代码一样，MooTools 似乎可以按原样发送整个表单，而不需要一一指定字段。您只需为其提供表单 ID，在本例中为 theform。

var theNewRequest = new Request.HTML({url:'ajaxpage.php'}).post($('theform'));

jquery中有类似的东西吗？

Answer 1

是的，您可以使用序列化函数来发送表单的序列化内容。

$.post("ajaxpage.php", $("#theform").serialize());

Answer 2

$.post('somewhere',$('formid').serialize(), function(data){}) 怎么样？

Answer 3

我几周前编写了这个脚本来简化 AJAX 表单提交：

/**
 * 
 * Autesion King of Thebes
 * 
 * Also, a simple script by zzzzBov to automatically submit a form via AJAX
 */
(function($){
"use strict";
function autesion(options){
  var settings;
  settings = $.extend(true, {}, autesion.defaultSettings, options);
  this.submit(function(e){
    var $this, ajaxSettings, $form;

    if (!e.isDefaultPrevented())
    {
      $this = $(this);
      $form = $(e.target);
      ajaxSettings = $.extend({}, settings.ajaxSettings, {
        'data':$form.serialize(),
        'type':$form.attr('method') || 'GET',
        'url':$form.attr('action')
      });

      if (settings.useEvents)
      {
        ajaxSettings.beforeSend=function(j,s){
          $this.trigger(new $.Event('autesion.beforeSend', {jqXHR:j, settings:s}));
        };
        ajaxSettings.complete=function(j,t){
          $this.trigger(new $.Event('autesion.complete', {jqXHR:j, textStatus:t}));
        };
        ajaxSettings.error=function(j,t,e){
          $this.trigger(new $.Event('autesion.error', {jqXHR:j, textStatus:t, errorThrown:e}));
        };
        ajaxSettings.success=function(d,t,j){
          $this.trigger(new $.Event('autesion.success', {jqXHR:j, textStatus:t, ajaxData:d}));
        };
      }

      e.preventDefault();
      $.ajax(ajaxSettings);
    }
  });

  if (settings.useEvents)
  {
    this.bind('autesion.beforeSend', settings.beforeSend)
      .bind('autesion.complete', settings.complete)
      .bind('autesion.error', settings.error)
      .bind('autesion.success', settings.success);
  }

  return this;
};
autesion.defaultSettings={
  'ajaxSettings':{},
  'beforeSend':$.noop,
  'complete':$.noop,
  'error':$.noop,
  'success':$.noop,
  'useEvents':true
};

$.fn.autesion = autesion;

}(jQuery));

我确信它可以得到显着改进，但只要您不需要文件输入支持，它就应该按原样工作。

要使用它，只需调用：

$('form').autesion();

缩写形式为：

$form = $('form');
$form.ajax({
  'data': $form.serialize(),
  'type': $form.attr('method') || 'GET',
  'url': $form.attr('action')
});

Answer 4

jQuery .serialize() 方法以标准 URL 编码表示法创建文本字符串。它对表示一组表单元素的 jQuery 对象进行操作。

http://api.jquery.com/serialize/