AngularJS中如何将多选下拉框数组转为JSON用于OData POST请求
解决多选下拉框数组转JSON的问题
看起来你踩了一个常见的序列化误区——单独对数组字段用JSON.stringify()会把数组变成字符串形式,而OData的POST请求需要的是原生的数组结构。咱们一步步来解决:
问题根源
你现在的操作应该是类似这样:
// 错误示例:单独序列化数组字段 const payload = { MOLECULARMETHOD: JSON.stringify($scope.request.molecularMethod) };
这就导致MOLECULARMETHOD的值变成了带引号的字符串数组,而不是OData期望的["Am", "BAC"]这种原生数组结构。
正确解决方案
方案1:直接序列化整个请求对象
因为你的ng-model="request.molecularMethod"已经把多选结果正确绑定成数组了,所以只需要序列化整个$scope.request对象就行,数组会被自动正确处理:
// 正确:序列化整个request对象 const finalPayload = JSON.stringify($scope.request); // 此时finalPayload里的MOLECULARMETHOD就是原生数组:"MOLECULARMETHOD":["Am","BAC"]
方案2:单独处理字段时不要序列化数组
如果只需要提交MOLECULARMETHOD这个字段,直接把数组赋值过去,再序列化整个payload对象:
const payload = { MOLECULARMETHOD: $scope.request.molecularMethod // 直接用数组,不要单独序列化 }; const finalPayload = JSON.stringify(payload);
额外注意:初始化绑定值
为了避免初始化时的类型问题,建议在控制器里给request.molecularMethod初始化为空数组:
$scope.request = { molecularMethod: [] };
这样处理后,你的OData POST请求体里就能得到正确的数组结构,而不是字符串形式的数组啦。
内容的提问来源于stack exchange,提问作者trx
相关产品推荐
相关产品推荐

