使用AJAX将Jquery变量传递给MVC Controller

时间:2016-11-06 16:53:42

标签: jquery ajax asp.net-mvc

我在Jquery中有一个变量,我想传递给Controller方法中的一个参数。

这是我的AJAX代码:

<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>

这是我的控制器代码:

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

我想要做的就是将val变量传递给我的partsId参数,我正在使用的代码每当我调试它时都会将partsId参数返回为null。

1 个答案:

答案 0 :(得分:1)

为什么不使用json格式?

$(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);
        });
})