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',` — , Nov 06 '16 at 21:04

AliBoronsi · Accepted Answer · 2016-11-06T17:47:18.240

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 06 '16 at 17:47

answered Nov 06 '16 at 17:15

AliBoronsi

764
1
12
19

I need to return a partial view so I cant can I? I just tried it and it hit the error not the success – Luke Rayner Nov 06 '16 at 17:18
which partial you want to return ? – AliBoronsi Nov 06 '16 at 17:26
my controller is returning a html partial view? – Luke Rayner Nov 06 '16 at 17:30
see this for returning partial : http://stackoverflow.com/a/2539577/6350942 – AliBoronsi Nov 06 '16 at 17:34
why do I need to do that when that part is working all I want to do is pass the variable over? – Luke Rayner Nov 06 '16 at 17:36
variable didnt pass yet? – AliBoronsi Nov 06 '16 at 17:37
my questions says I want to pass the val variable over to my controller thats it – Luke Rayner Nov 06 '16 at 17:38
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/127492/discussion-between-ali7091-and-luke-rayner). – AliBoronsi Nov 06 '16 at 17:38

Passing Jquery variable to MVC Controller using AJAX

1 Answers1