javascript - 用ajax模拟表单提交，遇到一个不解的问题

问题描述

问 题

现在，有一个网页不是我做的，也不是简单的form表单。于是我用F12工具的Network分析了一下它的表单提交，其中有这么两个键值对：

然后我就费解了。通常checkbox的提交，应该是类似这样吧：

tags[]: 7

tags[]: 128

于是我就试验。假设已经引入jQuery库。

$.post('url...', {
    ...
    tags: 7, tags: 128
    ...
}, function () {...});

测试发送，服务器只接收到到128，没有接收到7，好吧，也正常，毕竟同名的键，被覆盖了。

再试验：

$.post('url...', {
    ...
    tags: [7, 128]
    ...
}, function () {...});

测试发送，服务器报错，F12一看，键值对解析成了：

tags[]: 7

tags[]: 128

所以，到底怎样发送成这样子？

解决方案

好吧，我猜一下题主可能碰到的情况。

首先，直接post一个对象是不可能的。

$.post('url', {
  tags: 7,
  tags: 128,
})

这种会被js解析字面量对象的时候覆盖掉同key的值的。

合理的解释我猜应该是在form表单中有两个同name名为'tag'，然后在ajax提交的时候直接用serialize进行了序列化，最后直接ajax提交了。
所以才会出现两个字段同名的情况。

这篇关于javascript - 用ajax模拟表单提交，遇到一个不解的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！