javascript - 如何在不提交表单的情况下序列化 jquery 中的表单以用于 url 哈希？

Question

我想创建某些 html 表单的字符串表示形式，以存储在 url 的哈希部分中。

我懒洋洋地希望会有这样的方法和jquery。serialize() 似乎可以解决问题，除了在我看到的所有示例中，它使用表单提交的“this”对象。在我的网站上没有提交表单，我只想能够序列化它们。我试过了：

params['formParams'] = $("#"+currentSearchForm).serialize();

但我只得到一个空字符串而不是序列化形式。

我应该欺骗表单提交并在其中生成我的序列化字符串，然后取消默认事件还是什么？似乎有点做作..？

或者可能是我只是在序列化错误..

谢谢你的帮助！

score 1 · Accepted Answer

首先确保您的表单元素具有“名称”属性。这可能是序列化无效的原因。

如果您想在提交时执行此操作，然后取消提交，您可以执行以下操作：

$("#formid").submit(function() {
  //whatever
  return false; //<- this cancels the submit
});

score 1 · Accepted Answer

jQuery.serialize()应该可以解决问题。您可以简单地使用$('form').serialize()来获取表单数据。

这是一个演示，http://jsfiddle.net/muthkum/x6n2e/1/。在提交表单之前调用一个。单击提交按钮时会调用另一个。两者都有效。

score 0 · Accepted Answer

简单到

$( YOUR_INPUTS_TO_BE_SERIALIZED ).serialize() ...

文档在这里了解更多信息

请注意，您可能需要转换输出字符串以使其适合散列授予的字符：

3 回答 3