程序开发 · 2024年4月15日

前端如何将多个货号和数量同时传递给后端?

从前端向后端传递货号和数量

在前端界面中,存在一组名为“no”的复选框,其值分别代表货号,而每个复选框后面的文本则表示相对应的数量。为了将这两项信息同时传递到后端,我们可以采用以下解决方案:

将这些信息存储在一个数据结构中,例如数组。

在前台获取复选框的选中状态及其后面的数量:

  1. 使用 $(:checked) 获取所有选中的复选框。
  2. 遍历这些选中的复选框,获取其值(货号)和其后面输入框的值(数量)。
  3. 将获取到的信息添加到数组中。

该数组的结构如下:

立即学习“”;

var $arr = [
    {
        num: "货号1",
        count: "数量1"
    },
    {
        num: "货号2",
        count: "数量2"
    },
    // ...
];

登录后复制

在时,将此数组作为数据发送到后端:

$.ajax({
    // ...
    data: {
        'data': $arr
    }
    // ...
});

登录后复制

这样,后端就可以接收货号和数量的列表,并在需要时使用。

以上就是前端如何将多个货号和数量同时传递给后端?的详细内容,更多请关注GTHOST其它相关文章!