Get Js FormData() In Web Api

Question

Is there a trick to getting formdata from a post request in web api? I can't seem to be able to use namevaluecollection or formdatacollection when submitting a form on the frontend using js FormData(). I have checked the http request to verify the form data is being passed to the server.

JS Form Submit

    var formData = new FormData();
    formData.append('Email', '[email protected]');
    formData.append('Password', '123');
    // submit data using xmlhttprequest

Controller Web Api

public IHttpActionResult CheckUser(FormDataCollection FormData)
{
     //formdatacollection and namevaluecollection don't seem to return key based values
}

Oleg Safarov · Accepted Answer · 2016-11-13 11:06:46Z

2

Actually, in web api controllers you should check the property Request to get all information you post from your page. Next you can get your data by using appropriate method: Request.Content.ReadAsByteArrayAsync or Request.Content.ReadAsFormDataAsync (it's probably your case) or Request.Content.ReadAsStreamAsync, etc. It depends on the sent data format.

Or you can always create a class with the respective fields and send it in JSON to get it another way:

public IHttpActionResult CheckUser(AccountData data)
{

}

And your class should look like:

public class AccountData {    
   public String Email { get; set; }    
   public String Password { get; set; }
}

edited Nov 13, 2016 at 11:06

answered Nov 13, 2016 at 6:35

Oleg Safarov

2,36517 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ralph Over a year ago

Thanks for the input

Collectives™ on Stack Overflow

Get Js FormData() In Web Api

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related