asp.net-mvc-3 - mvc3 html.actionlink が $.ajax() を使用して部分ビューをレンダリングできない

Question

mvc の世界に入り、jquery を使用して部分ビューをレンダリングしているときに奇妙な問題に直面しました。

私はmvc3を使用していますが、これは私がこれまでに行ったことです:

アンカータグ:

@Html.ActionLink("Click-Me", null, null, null, new { onclick = "javascript:FillData();",id=2 })

div タグ:

<div id="FillRecords"></div>

関数：

    <script>

    function FillData() {

       var val1 = $(this).attr('id');
    $.ajax({

        url: "/Dummy/Edit",
        datatype: "html",
        type:"Post",
          data:{id:val1.toString()},
        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
        success: function (mydata) {
            $("#FillRecords").empty().append(mydata);
        },

        error: function (errorStatus,errorType,error) {
            alert(error);
        }

    });
}

</script>

アンカータグをクリックしたときに「DummyController」で「編集」部分ビューをレンダリングしたいだけです。また、html.actionlink の代わりに単純なアンカー タグを使用すると、これは問題なく機能します。

actionlinkでそれを行う方法を知っている人はいますか? 確かに、私は何かばかげたことを見逃していますか、それとも可能ですか?

Ajax.Actionlink を使用することをお勧めしないでください。これも問題なく動作しますが、html.actionlink で失敗する理由を知りたいのです。