Trying to Get Data using Ajax call to Controller method MVC My code Attached

Question

I am calling jquery function on dropdown value change jquery method is ,

function MyFunction() {
    alert($(\'#DDlSurvey\').val());
    $.ajax({
        url: \"         


        

Answer 1

Your method in your controller is decorated with HttpPost, while in your ajax you have specified the type of your request is get . You can either change your method to get like this:

[HttpGet]
public JsonResult GetSelectedQuestion(int prefix)
{
}

Or change your request type to post in your Ajax call:

$.ajax({
    url: "@Url.Action("GetSelectedQuestion", "ConductSurveyController")",
    data: { prefix: $('#DDlSurvey').val() },
    type: "Post",

Also the Controller is redundant in ConductSurveyController, you need to remove it and simply call it as ConductSurvey:

url: '@Url.Action("GetSelectedQuestion", "ConductSurvey")',

Answer 2

I think you are using controller name straight forward. your ajax code be something like this.

var PostData= { prefix: $('#DDlSurvey').val() }
var ajaxOptions = {
        type: "GET",
        url: '@Url.Action("GetSelectedQuestion", "ConductSurvey")',//Actionname, ControllerName
        data: PostData,
        dataType: "json",
        success: function (result) {
            console.log(result);
        },
        error: function (result) {

        }
};
$.ajax(ajaxOptions);