jQuery提取Ajax调用返回的表单数据

Question

我正在对页面进行Ajax调用，该页面返回包含表单的HTML。我需要提取并序列化此表单，以便在POST中使用此表单数据执行另一个Ajax调用。如何用jQuery完成这个？

以下是示例代码：

jQuery.ajax({
  type: "POST",
  url: url,
  ...,
  success: function(data)
  {
     // "data" object contains HTML with a form
     // extract form data from "data" object
     // make another Ajax POST to another page, posting extracted form data
  },
  ...
});

Answer 1

jQuery.ajax({
  type: "POST",
  url: url,
  ...,
  success: function(data)
  {
      var formData = $(data).find("form").serialize();
      $.post("/another/url", formData, callback);
  },
  ...
});