title: ASP.NET MVC Web API Delete call using jQuery Ajax with data params not working
body: <p>I have a web api method like below:</p>
  
  <pre><code>    /// &lt;summary&gt;
      /// DELETE: api/ftpapi/custom/deletefiles
      /// &lt;/summary&gt;
      /// &lt;param name="items"&gt;&lt;/param&gt;
      /// &lt;returns&gt;&lt;/returns&gt;
      [HttpDelete]
      [ResponseType(typeof(void))]
      public IHttpActionResult DeleteFiles(string[] items)
      {
          return Ok();
      }
  </code></pre>
  
  <p>In my view I call this method using Ajax:</p>
  
  <pre><code>            var values = $('input:checkbox[name=items]:checked').map(function () {
              return this.value;
              }).get();
  
              $.ajax({
                  url: uri_api + '/custom/deletefiles',
                  method: "DELETE",
                  data: { items: values }
              }).done(function (data) {
                      location.reload(true);
                  })
              .fail(function (jqXHR, textStatus, err) {
                  console.log('Error: ' + err);
              })
              .always(function () {
                  $('#loader').fadeOut(200);
                  $('body').removeClass('loader-in');
              });
  </code></pre>
  
  <p>When I place a breakpoint at the <code>return Ok();</code> and test this out, it works. Except the param <code>string[] items</code> is always empty.</p>
  
  <p>If I look into the network tab of Google Chrome I can see the items in my form data:</p>
  
  <p><a href="https://i.stack.imgur.com/u6hA1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u6hA1.png" alt="enter image description here"></a></p>
  
  <p>What am I missing here?</p>