jQuery Ajax傳遞數組到asp.net web api參數為空

前端：

　　　　　　　　　var files = [];
                files.push({ FileName: "1.jgp", Extension: ".jgp", FileType: 2 });
                files.push({ FileName: "2.png", Extension: ".png", FileType: 2 });
                files.push({ FileName: "3.bpm", Extension: ".bpm", FileType: 2 });

                $.ajax({
                    url: "/api/file/uploadservice",
                    type: "post",
                    dataType: "json",
                    data: { "": files },
                    success: function (res) {
                        alert(res);
                    },
                    error: function (xhr ,err) {
                        alert(err);
                    }
                });

后台：

        /// <summary>
        /// 批量上傳文件
        /// </summary>
        /// <param name="files"></param>
        /// <returns></returns>
        [HttpPost]
        [Route("uploadservice")]
        public HttpResponseMessage AppendFiles(List<FileInfo> files)
        {
              //上傳文件處理
        }    

 

結果，后台中接收到的files為空

原因：jQuery的怪癖

解決：

         .ajax({
                    url: "/api/file/uploadservice",
                    type: "post",
                    dataType: "json",
                    data: { "": files },
                    success: function (res) {
                        alert(res);
                    },
                    error: function (xhr ,err) {
                        alert(err);
                    }
                });    

 

參考文獻：

http://kwilson.me.uk/blog/post-an-array-of-objects-to-webapi-using-jquery/