表单内的Ajax调用会导致表单发布

时间:2014-07-03 10:29:06

标签: jquery ajax asp.net-mvc

我正在使用MVC5。我的cshtml使用

@using (Html.BeginForm("SmurfNewDisaplay", "Kombak"))
{
}

提交Kombak控制器中的方法SmurfNewDisaplay。 我在表单中有一个链接,我想进行ajax调用并获得Json响应。但是,当我点击此链接时,表单似乎已发布。这是Ajax调用:

        $.ajax({
            url: "/Kombak/GetKombaksByJson",
            error: getFriendsError
        }).done(function (data) {

            createKombakList(data);
        });

这是标记和HTML:http://pastebin.com/YncP5cfe

所以,当我进行ajax Json调用时,我得到一个错误,然后重定向到/ Kombak / SmurfNewDisaplay

我需要ajax调用来返回json响应,然后提交按钮以发布操作。

1 个答案:

答案 0 :(得分:1)

我认为链接是遵循的。 你应该使用e.preventDefault();在.click(e)函数中