如何正确发送PUT请求到webAPI应用程序？

Question

My javascript code:

$.ajax({
        type: "PUT",
        url: "/api/WordsAPI/"+wordData.ID,
        data: { word: wordData}
    });

Part of my C# code:

// PUT: api/WordsAPI/5
    [ResponseType(typeof(void))]
    public IHttpActionResult PutWord(int id, Word word)
    {
        if (!ModelState.IsValid)
        {
            return BadRequest(ModelState);
        }

        if (id != word.ID)
        {
            return BadRequest();
        }

        [...]
    }

In VisualStudio debugger I can see that app executes second BadRequest. All data in variable "word" on server side is null. I have no idea why. "id" variable is OK, it stores proper ID.

In javascript debugger in Firefox everything seems to be ok. wordData isn't null (wordData.id is sent properly to server) and I can see that all data was succesfully sent to server.

What could be wrong? What should I do?

EDIT:

Request in firefox (this is what is sent by browser):

Answer 1

The server-side code works fine for me. However, the JavaScript should be as follows.

$.ajax({
        type: "PUT",
        url: "/api/WordsAPI/"+wordData.ID,
        data: wordData
});

I'm assuming wordData is an Object with a sample definition

var wordData = {
    ID: 5,
    UsersLanguage: "string data"
    // etc
}

Answer 2

I agree with Vsevolod You need to add the [FromBody] tag in front of the Word class of the API method for sure. Secondly as Simoco says you need to make sure that the wordData you are sending has the same structure as your Word model.

meaning if you class looked like this

public class Word{
int id {get; set;}
string someText {get; set;}
}

Then your Word you are sending from the javascript needs to have the same structure

var word = {id : 1, someText: "text string"};

I would also suggest that you debug in VS on the method to make sure its being called. You can see what is being picked up if you hover over the Word parameter