ajax always returns null

kaushik guru

3y1.1kAJAX

On a button click event i am trying to pass a textbox value to a controller . I am able to view the text box values by using console but in controller always returns null

this is my razor code

@{
    ViewData["Title"] = "Index";
    Layout = "Commonlayout";
}



    
    

@*Index*@

@*
    Create New
*@

    To be Validated
     
    
        
                

                    Report Type

and my controller is as follows

public JsonResult getresult(string name)
{
}

I am not sure where i am wrong please guide.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Rajkiran Swain3y ago

$.ajax({
  type: 'POST',
  url: '/ControllerName/ActionName',
  data: { textBoxValue: $('#textBoxId').val() },
  success: function(response) {
    // Do something with the response
  },
  error: function(error) {
    // Handle any errors
  }
});

Vishal Yelve3y ago

try this

add dataType: "JSON"

$(document).ready(function () {
            var lol = document.getElementById("report").value;
            console.log(lol);
            $("#generate").click(function () {
                $.ajax({
                    type: "POST",
					dataType: "JSON"
                    url: "/HRDashboard/getresult",
                    data: { //Passing data
                        name: $("#txtName").val()
                    }
                    
                });
            });
        });