how to pass java script values to controller using post method in .net core application?

Question

I am developing .net core application.i need to pass java script values to my controller using Post method. i am using java script code is below

 data = {'imageValue':'some test'}
    $.ajax({ 
      type: 'Post',          
      url: '/Home/UploadData',      
      dataType: 'json',
      contentType: 'application/json',
      data: data,
      success: function (data) {
      alert(data);      
      console.log('sample');                      
      },     
      error:  function(){
    }
    });

my controller is [HttpPost]public string UploadData([FromBody] string imageValue) {return imageValue;} but imageValue always it return null.if any mistake in my code please solve the problem.

what returns null? what is your expected behavior and what is happening now and when ? — Shyju
– Shyju, Commented Jun 21, 2017 at 14:13
Can you post the C# controller? I'd imagine you're missing the [FromBody] attribute — George
– George, Commented Jun 21, 2017 at 14:13

Shyju · Accepted Answer · 2017-06-21 14:19:36Z

When you make the ajax call, you should stringify the javascript object and send it. You can use the JSON.stringify method to convert the js object to it's JSON string equivalent.

var data = {'imageValue':'some test'}
$.ajax({
    type: 'Post',
    url: '/Home/UploadData',
    dataType: 'json',
    contentType: 'application/json',
    data: JSON.stringify(data),
    success: function (data) {

        console.log('sample', data);
    },
    error:  function(){
    }
});

Now since the ajax call is sending the data in the request body (since it is a POST request),You need to decorate the HttpPost action method parameter with [FromBody] attribute so that model binder knows it should read the data from the request body and map to the method parameter(YourViewModel) object.

public IActionResult UploadData([FromBody] YourViewModel d)
{
    return Json(d);
}

Collectives™ on Stack Overflow

how to pass java script values to controller using post method in .net core application?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related