javascript - jQuery - 在其他地方访问序列化数据

Question

我正在编辑其他人编写的一些 jQuery。

在 $(document).ready(function() 中，它们有一些代码如下:

$(document).on('submit', ".editForm", function(e) {
    $.post( $(this).attr("action"), $(this).serialize(), function() {
        successMsg("Sorted.")
    })      
    e.preventDefault();
});

我需要做的是能够在另一个点击事件上访问序列化数据。

我该如何解决这个问题？

Answer 1

使用serialize() 使用 $(".editForm") 选择器

$(document).ready(function() {
  $(document).on('submit', ".editForm", function(e) {
    $.post($(this).attr("action"), $(this).serialize(), function() {
      successMsg("Sorted.")
    });
    e.preventDefault();
  });
  $("#click").on("click", function() {
    alert($(".editForm").serialize());
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<form method="post" class="editForm">
  <input name="fname" value="John" />
  <br/>
  <input name="lname" value="Doe" />
  <br/>
  <input type="submit" value="submit" />
  <input type="button" id="click" value="click" />
</form>

如果您想将其作为数组获取，请使用 serializeArray()

$(document).ready(function() {
  $(document).on('submit', ".editForm", function(e) {
    $.post($(this).attr("action"), $(this).serialize(), function() {
      successMsg("Sorted.")
    });
    e.preventDefault();
  });
  $("#click").on("click", function() {
    alert(JSON.stringify($(".editForm").serializeArray()));
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<form method="post" class="editForm">
  <input name="fname" value="John" />
  <br/>
  <input name="lname" value="Doe" />
  <br/>
  <input type="submit" value="submit" />
  <input type="button" id="click" value="click" />
</form>