How to Receive Ajax Data values from Controller in asp mvc

Question

using the following script, I am trying to access the variables being sent using data in the ajax function but I couldn't.

<script>
$('#inline-username').click(function () {
    var comments = $('#inline-username').val();
    //var selectedId = $('#hdnSelectedId').val();

    $.ajax({
        url: '@Url.Action("UpdateOrder")', // to get the right path to controller from TableRoutes of Asp.Net MVC
        dataType: "json", //to work with json format
        type: "POST", //to do a post request
        contentType: 'application/json; charset=utf-8', //define a contentType of your request
        cache: false, //avoid caching results
        data: { test: $(this).text() }, // here you can pass arguments to your request if you need
        success: function (data) {
            // data is your result from controller
            if (data.success) {
                alert(data.message);
            }
        },
        error: function (xhr) {
            alert('error');
        }
    });
});

here is the action in the controller

public ActionResult UpdateOrder()
    {
        // some code
        var test = Request.Form["test"];
        return Json(new { success = true, message = "Order updated successfully" }, JsonRequestBehavior.AllowGet);
    }

I tried Request.Form["test"] but the value of it is null. how should I receive the objects of data?

you need to specify the controller name in url: '@Url.Action("UpdateOrder","ControllerName")', and decorate your action with [HttpPost] attribute. — Shahzad
– Shahzad, Commented May 7, 2017 at 12:06

Masoud Andalibi · Accepted Answer · 2017-05-07 12:17:50Z

Your ActionResult is GET And you have no input parameter for your ActionResult so either change those or see below:

<script>
$('#inline-username').click(function () {
    var comments = $('#inline-username').val();
    //var selectedId = $('#hdnSelectedId').val();

    $.ajax({
        url: /ControllerName/ActionName
        dataType: "json",
        type: "GET", 
        contentType: 'application/json; charset=utf-8', //define a contentType of your request
        cache: false, 
        data: { test: comments  },
        success: function (data) {
            // data is your result from controller
            if (data.success) {
                alert(data.message);
            }
        },
        error: function (xhr) {
            alert('error');
        }
    });
});

Then within your controller:

public ActionResult UpdateOrder(string test)
    {
        // some code
        return Json(new { success = true, message = "Order updated successfully" }, JsonRequestBehavior.AllowGet);
    }

Update

Remember if you want to use POST then action you are calling has to be [HttpPost] like:

[HttpPost]
public ActionResult Example()

When there is no HTTP above your ActionResult Then Its By Default Get.

thisextendsthat · Accepted Answer · 2017-05-07 12:07:25Z

0

The action method should be decorated with the [HttpPost] attribute. Have you used the debugger to ensure that you're actually calling in to that method?

You can always just define a view model in C# and then accept that as a parameter to your post method - Asp.MVC will parse the post data for you as long as the names of the values are the same as your model.

answered May 7, 2017 at 12:07

thisextendsthat

1,3741 gold badge13 silver badges28 bronze badges

Comments

Abi · Accepted Answer · 2017-05-07 12:12:40Z

0

Have you marked your action method with [HttpPost] attribute. ?

answered May 7, 2017 at 12:12

Abi

2833 silver badges16 bronze badges

Comments

Tomás Vélez · Accepted Answer · 2019-09-14 16:11:33Z

This post helped me a lot. I did the GET but POST raise an Internal Server Error just with [HttpPost]:

[HttpPost]
public ActionResult SaveOrder(int id, string test, string test2)

So i had to set params data with JSON.stringify and it worked. My full ajax request for POST:

$.ajax({
    url: "/Home/SaveOrder",
    dataType: "json",
    type: "POST", 
    contentType: 'application/json; charset=utf-8', //define a contentType of your request
    cache: false, 
    data: JSON.stringify({ id:2, test: "test3", test2: "msj3" }),
    success: function (data) {
        // data is your result from controller
        if (data.success) {
            alert(data.message);
        }
    },
    error: function (xhr) {
        alert('error');
    }
});

Collectives™ on Stack Overflow

How to Receive Ajax Data values from Controller in asp mvc

4 Answers 4

1 Comment

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Related