尝试使用Ajax.ActionLink加载部分视图

在阅读了这里的其他几篇文章之后，我已经尝试在点击链接时加载一个部分视图（一旦我通过这个概念验证阶段，文本链接实际上可能会变成一个图像）。问题是，我在单击时被定向到局部视图，而不是在我单击链接的视图中填充一个div：

布局：

<script src="@Url.Content("~/scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

部分（显然命名为test.cshtml）：

项目1测试

我错过了什么明显的东西吗？这是我第一次尝试在MVC中使用AJAX，所以可能会出现一两个学童错误

我计划使用几个不同的Ajax操作链接来调用不同的局部视图，因此我将名称传递给控制器。

代码修复

你想试试这个，你有更好的控制，如果错误，等等。。。。 带助手的HTML

@Html.ActionLink("Item 1 Ajax", "Details", "Portfolio", Nothing, New With {.Id = "myLink"})

JavaScript

    <script type="text/javascript">

$(document).ready(function() {

    $('#myLink').click(getIt);

});

function getIt() {
        $.ajax({
            type: "POST",
            url: $(this).attr('href'),
            error: function () { 
                //show error handler
                },
            success: function (r) {
                $('#row1content').html(r);
            }
        });

        return false;
    }

</script>

$（文档）.ready（函数（）{
$（'#myLink'）。单击（获取它）；
});
函数getIt（）{
$.ajax({
类型：“POST”，
url:$（this.attr（'href'），
错误：函数（）{
//显示错误处理程序
},
成功：功能（r）{
$（'#row1content'）.html（r）；
}
});
返回false；
}

代码已修复

你想试试这个，你有更好的控制，如果错误，等等。。。。 带助手的HTML

@Html.ActionLink("Item 1 Ajax", "Details", "Portfolio", Nothing, New With {.Id = "myLink"})

JavaScript

    <script type="text/javascript">

$(document).ready(function() {

    $('#myLink').click(getIt);

});

function getIt() {
        $.ajax({
            type: "POST",
            url: $(this).attr('href'),
            error: function () { 
                //show error handler
                },
            success: function (r) {
                $('#row1content').html(r);
            }
        });

        return false;
    }

</script>

$（文档）.ready（函数（）{
$（'#myLink'）。单击（获取它）；
});
函数getIt（）{
$.ajax({
类型：“POST”，
url:$（this.attr（'href'），
错误：函数（）{
//显示错误处理程序
},
成功：功能（r）{
$（'#row1content'）.html（r）；
}
});
返回false；
}

仍然无法让它工作。如果我返回函数true，那么它会像以前一样重定向到partial。如果我返回false，那么什么也不会发生。我正在从结果中的部分返回html，准备使用您的函数写入div。除了不引人注目的ajax jquery JS，我还需要调用其他东西吗？抱歉，我在记事本中写了一些东西，跳过了一些东西，代码已经编辑和测试过了。仍然无法让它工作。如果我返回函数true，那么它会像以前一样重定向到partial。如果我返回false，那么什么也不会发生。我正在从结果中的部分返回html，准备使用您的函数写入div。除了不引人注目的AJAXjQueryJS之外，我还需要调用其他东西吗？对不起，我在记事本中写道，跳过了一些东西，代码已经编辑和测试过了。

    <script type="text/javascript">

$(document).ready(function() {

    $('#myLink').click(getIt);

});

function getIt() {
        $.ajax({
            type: "POST",
            url: $(this).attr('href'),
            error: function () { 
                //show error handler
                },
            success: function (r) {
                $('#row1content').html(r);
            }
        });

        return false;
    }

</script>