Passing Jquery variable to MVC Controller using AJAX

Question

I have a variable in Jquery which I want to pass to one of the parameters in my Controller method.

This is my AJAX code:

<script>
    $(document).on("click", ".getDetails", function (e) {
        var val = $(this).val();
        alert(val);
        $.ajax({
            url: '/Home/GetDetails',
            contentType: 'application/html; charset=utf-8',
            type: 'POST',
            data: {
                partsId: val
            },
            dataType: 'html'
        })
            .success(function (result) {
                $('#detailsPlace').html(result);
            })
            .error(function (xhr, status) {
                alert(status);
            });
    })
</script>

Here is my controller code:

public ActionResult GetDetails(int partsId)
{
    return PartialView();
}

All I want to do is pass the val variable to my partsId parameter, the code that I am currently using keeps returning the partsId parameter as null whenever I debug it.

Just remove contentType: 'application/html; charset=utf-8', — user3559349
– user3559349, Commented Nov 6, 2016 at 21:04

AliBoronsi · Accepted Answer · 2016-11-06 17:47:18Z

1

why dont use json format?

$(document).on("click", ".getDetails", function (e) {
    var val = $(this).val();
    alert(val);
    $.ajax({
        url: '/Home/GetDetails',
        contentType: 'application/json',
        type: 'POST',
        data: JSON.stringify({"partsId": val}),
        dataType: 'json'
    })
        .success(function (result) {
            $('#detailsPlace').html(result);
        })
        .error(function (xhr, status) {
            alert(status);
        });
})

edited Nov 6, 2016 at 17:47

answered Nov 6, 2016 at 17:15

AliBoronsi

7641 gold badge12 silver badges19 bronze badges

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

8 Comments

Luke Rayner Over a year ago

I need to return a partial view so I cant can I? I just tried it and it hit the error not the success

AliBoronsi Over a year ago

which partial you want to return ?

Luke Rayner Over a year ago

my controller is returning a html partial view?

AliBoronsi Over a year ago

see this for returning partial : stackoverflow.com/a/2539577/6350942

Luke Rayner Over a year ago

why do I need to do that when that part is working all I want to do is pass the variable over?

|

Collectives™ on Stack Overflow

Passing Jquery variable to MVC Controller using AJAX

1 Answer 1

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related