有没有一种简单的、单行的方式来获取表单数据,就像以classic 的纯HTML方式提交表单一样?

例如:

<form>
    <input type="radio" name="foo" value="1" checked="checked" />
    <input type="radio" name="foo" value="0" />
    <input name="bar" value="xxx" />
    <select name="this">
        <option value="hi" selected="selected">Hi</option>
        <option value="ho">Ho</option>
</form>

输出:

{
    "foo": "1",
    "bar": "xxx",
    "this": "hi"
}

这样的东西太简单了,因为它(正确地)不包括文本区域、 Select 、单选按钮和复选框:

$("#form input").each(function () {
    data[theFieldName] = theFieldValue;
});

推荐答案

$('form').serialize() //this produces: "foo=1&bar=xxx&this=hi"

demo

Javascript相关问答推荐

获取最接近的父项(即自定义元素)

我的YouTube视频没有以html形式显示,以获取免费加密信号

如何指定1条记录1个表?

Angular:ng-contract未显示

用户单击仅在JavaScript中传递一次以及其他行为

如何在JavaScript中通过一次单击即可举办多个活动

如何将拖放功能添加到我已自定义为图像的文件输入HTML标签中?

fs. writeFile()vs fs.writeFile()vs fs.appendFile()

MongoDB中的引用

如何在不创建新键的情况下动态更改 map 中的项目?

Angular 中的类型错误上不存在获取属性

无法使用单击按钮时的useState将数据从一个页面传递到另一个页面

有效路径同时显示有效路径组件和不存在的路径组件

与svg相反;S getPointAtLength(D)-我想要getLengthAtPoint(x,y)

OnClick更改Json数组JSX中的图像源

Jexl to LowerCase()和Replace()

在GraphQL解析器中修改上下文值

我怎样才能得到一个数组的名字在另一个数组?

无法使用npm install安装react-dom、react和next

使用VITE开发服务器处理错误