以下语法有什么问题：它不起作用

Question

I am trying to navigate to another page using the following syntax:

                    $("#Button1").click(function () {
        alert("I am raised because of click event");
        window.location = "../Home/Index";
        alert("I am exiting click event");
    });

Its entering into the click event handler. Its firing both the alert messages. But, the page is refershing intead of redirecting to another page.(index view)

Is there any alternatitve way of doing this? I am using aspx View engine.

Answer 1

The button probably also cause a ASP.NET postback, which makes the page reload.

return false from your click handler to prevent this.

$("#Button1").click(function () {
    alert("I am raised because of click event");
    window.location = "../Home/Index";
    alert("I am exiting click event");
    return false;
});

Answer 2

Asp.net's button control <asp:button> will cause page to postback. So you could do 2 things:

1) As Mikael said you could return false in your click handler, 2) Or you could use an html input control for your button to prevent the postback. ( <input type="button" /> ) unless you have other requirements to use asp:button.

Answer 3

you need to use

window.location.href="your path";

Hope it helps.