.NET Core Controller Input always null from AJAX

Question

This is my controller. I have an issue where I am unsure why my Input string is always null. Hope someone can take a look at it and see what my mistake is.

var Name;
$("#AccountCodeName").change(function() {
  Name = $("#AccountCodeName").val();
});

var form_data = {
  "Input": Name,
};

$("#AccountCodeName").autocomplete({
  source: function(request, response) {
    $.ajax({
      url: "/Configuration/AccountCodes/GetAllByName",
      method: "POST",
      data: form_data,
      contentType: "application/json",
      success: function(result) {
        console.log(result)
      }
    });
  }
});

[HttpPost]
public JsonResult GetAllByName([FromBody]string Input)
{
  JsonResult result = new JsonResult(null);
  result = this.Json(new
  {
      list = accountCodeData.GetAllByName(Input),
  });
  return result;
}

Name is not initialized anywhere?

DenseCrab
– DenseCrab

2019-03-05 14:03:48 +00:00
Commented Mar 5, 2019 at 14:03 — DenseCrab
– DenseCrab, Commented Mar 5, 2019 at 14:03
Sorry, just added it.

JianYA
– JianYA

2019-03-05 14:04:27 +00:00
Commented Mar 5, 2019 at 14:04 — JianYA
– JianYA, Commented Mar 5, 2019 at 14:04
Try without [FromBody]

adiga
– adiga

2019-03-05 14:11:55 +00:00
Commented Mar 5, 2019 at 14:11 — adiga
– adiga, Commented Mar 5, 2019 at 14:11
Tried that also.

JianYA
– JianYA

2019-03-05 14:14:38 +00:00
Commented Mar 5, 2019 at 14:14 — JianYA
– JianYA, Commented Mar 5, 2019 at 14:14
What plugin are you using for .autocomplete ?

fdomn-m
– fdomn-m

2019-03-05 15:41:38 +00:00
Commented Mar 5, 2019 at 15:41 — fdomn-m
– fdomn-m, Commented Mar 5, 2019 at 15:41

Rory McCrossan · Accepted Answer · 2019-03-05 14:04:35Z

1

The issue is because you only ever set the form_data.Name when the page loads. It is never updated. Note that it's not a reference value.

To fix the issues you need to instead create the object you provide to data just before you send the AJAX request, like this:

$("#AccountCodeName").autocomplete({
  source: function(request, response) {
    $.ajax({
      url: "/Configuration/AccountCodes/GetAllByName",
      method: "POST",
      data: { 
        Input: $("#AccountCodeName").val()
      },
      contentType: "application/json",
      success: function(result) {
        console.log(result);
        // note that you need to call 'response()' here providing the received data
      }
    });
  }
});

answered Mar 5, 2019 at 14:04

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

4 Comments

Rory McCrossan Over a year ago

If you put console.log($("#AccountCodeName").val()); in the source handler function, what do you get?

JianYA Over a year ago

I am able to get the AccountCodeNames value if I put a console.log there. Somehow its not being sent across to my controller

Rory McCrossan Over a year ago

Try data: JSON.stringify({ Input: $("#AccountCodeName").val() }),

JianYA Over a year ago

Still null. I tried it with both [FromBody] and without [FromBody]. Both had null

JianYA · Accepted Answer · 2019-03-05 14:35:44Z

I finally found an answer

This is how its supposed to be for autocomplete

Controller

    [HttpPost]
    public ActionResult GetAllByName(string term)
    {
        JsonResult result = new JsonResult(null);
        result = this.Json(new
        {
            list = accountCodeData.GetAllByName(term),
        });
        return result;
    }

Jquery

 $("#AccountCodeName").autocomplete({
        source: function (request, response) {
            console.log($("#AccountCodeName").val())
            console.log(request.term)
            $.ajax({
                url: "/Configuration/AccountCodes/GetAllByName",
                method: "POST",
                data: request,
                dataType: 'json',
                success: function (result) {
                    console.log(result)
            }
        });
        }
    });

Ikram Shah · Accepted Answer · 2019-03-05 15:25:23Z

0

I have been using jquery post with .net core post action methods for even models

Here is code snippet that may help you

jquery

$.ajax({
    type: "POST",
    url: '/controller/action',
    data: { Name: $('#name').val()},
    success: function (response) {
        window.location.href = '/';
    }
});

.net core back-end

[HttpPost, Route("controller/action")]
public async Task<IActionResult> action(string Name)
{

}

answered Mar 5, 2019 at 15:25

Ikram Shah

1,2561 gold badge12 silver badges12 bronze badges

Collectives™ on Stack Overflow

.NET Core Controller Input always null from AJAX

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related