jquery - JQuery 序列化不起作用

Question

我正在尝试序列化表单中的数据，但它不起作用。

manage-user-form是表单的id。

$('#manage-user-form').live('submit',function(e) {
  e.preventDefault();
  var firstname = $("#firstName").val();
  var lastname = $("#lastName").val();

  // this doesn't work
  alert($(this).serialize())

  // this doesn't work
  var d = $('#manage-user-form').find('input,select,textarea').serialize();
  alert(d);

  // this does work
  alert(firstname);
  alert(lastname);
});

Answer 1

尝试以下工作代码：

// Get the form data. This serializes the entire form. pritty easy huh!
var form = new FormData($('#form_step4')[0]);
form.append('view_type','addtemplate');
$.ajax({
    type: "POST",
    url: "savedata.php",
    data: form,
    cache: false,
    contentType: false,
    processData: false,
    success:  function(data){
        //alert("---"+data);
        alert("Settings has been updated successfully.");
        window.location.reload(true);
    }
});

在上述情况下，它将所有表单数据传输到 savedata.php。