从按钮单击调用MVC Razor Ajax

时间:2016-09-02 21:53:59

标签: ajax asp.net-mvc razor

我很难点击按钮来调用Ajax函数,然后发布到控制器操作。甚至无法获得简单的消息(单击按钮时没有任何反应)。显然,我错过了一些基本的东西。它是什么?

Razor形式的Ajax脚本:

.Where(c => columnsWhichINeed.Contains(c.ColumnName));

我想用来调用Ajax函数的按钮:

<script type="text/javascript">
    $('#UseShipAddr').click(function () {
        $.ajax({
            url: "@(Url.Action("UseShippingAddress", "Checkout"))",
            type: "POST",
            data: { id: 50 },
            cache: false,
            async: true,
            success: function (data) {
                alert(data);
            }
        });
    });
</script>

CheckoutController中的操作:

<input type="button" value="Use Shipping Address" id="UseShipAddr" />

1 个答案:

答案 0 :(得分:1)

请尝试此代码。

$(document).ready(function(){

    $('#UseShipAddr').click(function () {

        $.ajax({
            url: "Checkout/UseShippingAddress",
            type: "POST",
            data: { id: 50 },
            cache: false,
            async: true,
            success: function (data) {
            alert(data);
        }
    });
});