Javascript 将输入作为数组发送到 C# WebAPI

本文关键字:WebAPI 数组 输入 Javascript | 更新日期: 2023-09-27 18:34:38

>-------------------------EDIT

--------------------------------

这不是重复的,因为我不能使用ajax请求,正如这个问题所问的那样。


我正在javascript中创建一个表单来调用将返回xls文件的c# WebApi(这就是我创建表单而不是ajax调用的原因(。webAPI 必须接收一个整数数组,该数组对应于对象的 id 列表。网络接口如下

[Route("getExcel")]
[HttpPost]
public HttpResponseMessage getExcel([FromBody]int[] ids)
{
...
}

我正在构建的表单是这样的:

var form = document.createElement("form");
form.setAttribute('method', "post");
setAttribute('action', baseUrl + "api/processos/getExcel");
form.setAttribute('target', "_blank");
var rows = $("#tbl").dataTable().fnGetNodes();
var arr = [];
for (var i = 0; i < rows.length; i++)
{
  ids = $("#tbl").dataTable().fnGetData(i).processosId; 
  var input = document.createElement("input");
  input.setAttribute('type', "text");
  input.setAttribute('name', "ids[]");
  input.setAttribute('value', ids);
  form.appendChild(input);
}
document.body.appendChild(form);
form.submit();

WebApi 上的ids为空(但不是空(...在小提琴手上观看时,原始视图显示了这个ids=15&ids=14&ids=13&ids=12&ids=11这正是我所需要的......为什么不与 WebApi ID 关联? 如果我在 URL 中发送确切的值(并将[FromBody]更改为[FromUri]它就可以工作......

-------------------编辑------------------------------

这是调用该方法时 WebAPI 上的数组ids中的内容: ids {int[0]}(如调试时看到的(

Javascript 将输入作为数组发送到 C# WebAPI

因此,解决方案是在后端创建一个模型,如下所示:

public class ExcelIds
{
    public int[] ids { get; set; }
}

并将控制器更改为:

[Route("getExcel")]
[HttpPost]
public HttpResponseMessage getExcel([FromBody]ExcelIds model)
{
    //code here
}
您可以使用

FormDataCollection.GetValues(string Key)来获取字符串数组,以后可以将其转换为int[]。

[Route("getExcel")]
[HttpPost]
public HttpResponseMessage getExcel(FormDataCollection data)
{
   string[] ids = data.GetValues("ids");
   ...
}