jquery - $.ajax - 调用不起作用

Question

我不知道为什么下面的代码不起作用。我使用 jQuery 1.7.1：

<script src="~/Scripts/jquery-1.7.1.min.js"></script>

在我的_布局中。

它显示了alert('hello');，但是当我使用萤火虫时，它会继续：

RedirectToAction("MainIndex", "Home"); 

我认为一切都是真的。

<script type="text/javascript">

$(document).ready(function () {

    $('#btn_submit').click(function () {
        alert('hello');

        $.ajax({

            url: 'Product/IsUserPeresent',
            cache: false,
            type: 'Get',
            success: function (result) {

                alert(result);
                @* var url = '@Url.Action("ncheckout", "Home")';
                $.post(url, {
                    name: result
                          });*@

            },
            error: function () {
                RedirectToAction("MainIndex", "Home");
           }
        });
    });
});

</script>

public ActionResult IsUserPeresent(){

    //var nam = User.Identity.Name;

    var nam = "alex";
    return Json(nam, JsonRequestBehavior.AllowGet);
}

Answer 1

尝试这个：

$('#btn_submit').click(function (event) {
  event.preventDefault();

    alert('hello');

    $.ajax({

        url: 'Product/IsUserPeresent',
        cache: false,
        type: 'Get',
        success: function (result) {

            alert(result);
            @* var url = '@Url.Action("ncheckout", "Home")';
            $.post(url, {
                name: result
                      });*@

        },
        error: function () {
            window.location = '@Url.Action("MainIndex", "Home")';
       }
    });
});