jQuery-在其他位置訪問序列化數據

Question

我正在編輯別人寫的一些jQuery。

在$（document）.ready（function（）內部，它們具有一些代碼，如下所示：

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

我需要做的是能夠在另一個click事件上訪問該序列化數據。

我將如何處理？

Answer 1

與$(".editForm")選擇器一起使用serialize()

 $(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>