使用jquery进行简单的ajax实现时遇到困难

时间:2012-09-12 07:00:35

标签: asp.net-mvc jquery razor

我正在尝试通过在mvc中使用jquery来实现简单的ajax。我只是想从当前页面的另一个页面加载一些内容。我的代码看起来像这样:

<div>
    <ul id="biographies">
    <li> <a href="Ajax">Ajax</a></li>
    <li> <a href="Index">Index</a>  </li>

    </ul>    

    <div id="biography">
      The ajax content will appear here...
    </div>

    <script type="text/javascript">
        $('#biographies html.ActionLink').click(function (e) {
            var url = $(this).attr('href');
            $('#biography').load(url);
            e.preventDefault();
        });
    </script>

</div>

但有一些问题如下:

  1. 当我将ajax.cshtml文件保存在Home文件夹下的视图中,显示内容未找到时,我需要知道如何使用简单的锚标记而不是html.actionlink方法链接mvc中的内部资源。

  2. 当我将ajax.cshtml文件保存在根目录中时,它只是移动到该页面而不是加载第一页中的内容,这是预期的。

  3. 请帮忙。提前谢谢。

1 个答案:

答案 0 :(得分:0)

替换

$('#iplaiies html.ActionLink')

$('#iplaiies a')