首页 > 文章列表 > 前端如何将多个货号和数量同时传递给后端?

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

315 2025-03-19

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

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

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

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

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

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

该数组的结构如下:

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

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

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

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

来源:1730280901