Not getting value from Ajax in controller function

Question

Not getting value from Ajax in controller function

Binumon George 21

Hi All,
From my jquery Ajax function, I am passing value to .net core controller function. But its not getting in the controller function. But when I check browser network->payload value there. But not passing to function. I tried Json. stringify, without stringify etc. How can I solve this issue

Anonymous

2022-03-07T03:28:04.07+00:00

Hi @Binumon George ,

It is better to share your Ajax function and the controller action method, and if you are transferring complex model, it is better to share the model definition. So that we can based on your code to reproduce the problem and help you solve the problem.

Best regards,
Dillion

3 answers

Your answer

Anonymous

2022-03-07T03:28:04.07+00:00

Hi @Binumon George ,

It is better to share your Ajax function and the controller action method, and if you are transferring complex model, it is better to share the model definition. So that we can based on your code to reproduce the problem and help you solve the problem.

Best regards,
Dillion

Answer 1

Bruce (SqlWork.com) 77,686 Volunteer Moderator

show the controller function signature and the ajax code. we can not guess what you are doing wrong.

Answer 2

satya karki 996 MVP

Hi @Binumon George , If you share your code then we can help you what is an issue there. However, I have written articles for sending data to Controller using Ajax by two methods. I think it will be helpful for you. You can check the below articles:

https://www.c-sharpcorner.com/article/how-to-post-data-in-asp-net-core-using-ajax/
https://www.c-sharpcorner.com/article/how-to-post-data-in-asp-net-using-ajax-without-json-form-serializer/

Answer 3

Hi All,

I also facing the same issue while pass parameter from view to controller in .net core 6 and 7.

HTML

<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnGet").click(function () {
                $.ajax({
                    type: "POST",
                    url: "/Home/Index",
                    data: { "name": $("#txtName").val() },
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        alert("Name: " + response.Name + " City: " + response.City + "Phone:" + response.Phone);
                    },
                    failure: function (response) {
                        alert(response.responseText);
                    },
                    error: function (response) {
                        alert(response.responseText);
                    }
                });
            });
        });
    </script>
</head>
<body>
    <input type="text" id="txtName" />
    <input type="button" id="btnGet" value="Submit" />

   
</body>

Bruce (SqlWork.com) 77,686 Reputation points Volunteer Moderator

2023-10-05T15:26:44.0233333+00:00

your ajax call specifies json payload, but you don't send json. either remove the contentType and do a standard form post or change data to json:

data: JSON.stringify({ name: $("#txtName").val() }),

Share via

Not getting value from Ajax in controller function

3 answers

Your answer