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

jQuery - Access serialized data elsewhere

本文关键字：序列化 数据 访问 其他 jQuery-      更新时间：2023-09-26

我正在编辑另一个人编写的一些jQuery。

在$（document）.ready（function）中，他们有如下代码：

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

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

我该怎么做？

将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>

相关文章：