post data with jQuery and redirect to another action

Question

View:

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

<h2>Index</h2>

<script type="text/javascript">


$(document).ready(function() {

   $(document).ready(function() {

    $("#example").submit(function() {
        var id = $("#id").val();
        var prezime = $("#prezime").val();

        $.post("/jQueryPost/PostingData", { id: id, prezime: prezime }, function(res) {
            if (res.redirect) {
                window.location.href = res.redirect;
                return;
            }

        }, "json");
        return false;
    });
});
</script>

<form id="example" method = "post">

    Id:<input id="id" type="text" />
    Prezime:<input id="prezime" type="text" />

<p>
    <input type="submit" value="Post Data" />
</p>
</form>

</asp:Content>

Controller action:

    [HttpPost]
    public ActionResult PostingData(int id, string prezime)
    {

        //some code

        return Json(new { redirect = Url.Action("Create") });
    }

Tnx, this code solve my problem

Look at [this question](http://stackoverflow.com/questions/2903685/jquery-preventing-redirecttoaction-from-working). — silent, Jun 29 '10 at 12:00

score 11 · Accepted Answer · answered Jun 29 '10 at 11:59

Instead of returning a redirect, which the AJAX request can't handle, return the URL as JSON and let the post handler change the location.

$.post("/jQueryPost/PostingData", { id: id, prezime: prezime }, function(data) {
    location = data.url;
});

[HttpPost]
public ActionResult PostingData(int id, string prezime)
{

    //some code

    return Json( new { url = Url.Action( "Create" ) } );
}

score 2 · Answer 2 · answered Jun 29 '10 at 12:03

The reason that the redirect doesn't work is because you are doing an asynchronous request. The response that contains the code for the redirection is just returned as data to the success method, where you ignore it.

Instead, just post the form that you have in the page:

$('#example').attr('action', '/jQueryPost/PostingData/').submit();

score 0 · Answer 3 · edited Feb 06 '13 at 12:34

0

controller

public ActionResult DeleteMenuItem(int id)
{
    _menuService.DeleteMenuItemById(id);
    return Json(new { url = Url.Action("Index","Menu") }, JsonRequestBehavior.AllowGet);
}

View

$.getJSON( "/Menu/DeleteMenuItem", { id: parseInt(id)}, function(data) {
    location = data.url;
} );

edited Feb 06 '13 at 12:34

Anders R. Bystrup

15,729
10
59
55

answered Feb 06 '13 at 12:17

Walk Walk

1

post data with jQuery and redirect to another action

3 Answers3

Linked