Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
MVC Razor Ajax从按钮单击调用_Ajax_Asp.net Mvc_Razor - Fatal编程技术网

MVC Razor Ajax从按钮单击调用

MVC Razor Ajax从按钮单击调用,ajax,asp.net-mvc,razor,Ajax,Asp.net Mvc,Razor,我正在努力通过点击按钮来调用Ajax函数,然后将其发布到控制器操作。甚至无法获得一条简单的消息(单击按钮时不会发生任何事情)。很明显,我遗漏了一些基本的东西。这是什么 我的Razor格式的Ajax脚本: <script type="text/javascript"> $('#UseShipAddr').click(function () { $.ajax({ url: "@(Url.Action("UseShippingAddress"

我正在努力通过点击按钮来调用Ajax函数,然后将其发布到控制器操作。甚至无法获得一条简单的消息(单击按钮时不会发生任何事情)。很明显,我遗漏了一些基本的东西。这是什么

我的Razor格式的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>
请尝试此代码

$(document).ready(function(){

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

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

你的代码看起来不错。检查浏览器控制台是否存在任何js错误,这些错误可能是导致js代码无法按预期工作的原因。请注意,“模型视图控制器”标记用于询问有关模式的问题。ASP.NET-MVC实现有一个特定的标记。是否加载了jquery?脚本是在页面底部,还是用
$(document.ready()
包装?
// Ajax POST: /Checkout/UseShippingAddress/5
        [HttpPost]
        public ActionResult UseShippingAddress(int id)
        {            
            return Content("It worked!");
        }
$(document).ready(function(){

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

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