Ajax request not working (asp.net-mvc)

Question

View:

@{
    AjaxOptions ajax = new AjaxOptions() { HttpMethod = "POST", UpdateTargetId = "sub_id" };
    Layout = null;       
}

<div id="sub_id"></div>

@using (Ajax.BeginForm(ajax))
{
    @Html.TextBox("email");
    <input type="submit" value="подписаться" />
}

controller:

[HttpPost]
public ContentResult LeftMenuSubscription(string email)
{
    return new ContentResult(){Content = "<script>alert('Thanks')</script>"};
}

"Thanks" alert show.

but in div sub_id set all page(<title></title><div>...</div>).

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

- connected.

html:

<html>
    <head>
        <title>Главная страница</title>
        <link href="/Content/Site.css" rel="stylesheet" type="text/css">
        <script src="/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
        <script src="/Scripts/jquery.unobtrusive-ajax.min.js" type="text/javascript"</script>
        <script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
        <script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
        <script src="/Scripts/jQueryFixes.js" type="text/javascript"></script>
    </head>
    <body>
        ....
        <form action="/" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#sub_id" id="form0" method="post">
            <input id="email" name="email" type="text" value="">
            <input type="submit" value="подписаться">
        </form>
        ....
    </body>
</html>

What could be the problem?

"but in div 'sub_id' set all page(...)." what do you mean by this? What's the error/issue you're having? — Mathew Thompson
– Mathew Thompson, Commented May 23, 2012 at 11:23

CD Smith · Accepted Answer · 2012-05-23 13:51:16Z

1

Looks to me like your Ajax options aren't complete. I believe you need to add the Action that you are requesting from:

@using (Ajax.BeginForm("ActionName", "ControllerName", ajax))
{
    @Html.TextBox("email");
    <input type="submit" value="подписаться" />
}

Running this in a test I get a popup alert, which is exactly what should happen because you are returning a script that says: <script>alert('Thanks')</script>

If you just want the div to show Thanks then don't return the script tag

Use this if you just want to have the word thanks show up in the div

[HttpPost]
public ContentResult Test(string email) 
    return new ContentResult() { Content = "<span>Thanks</span>" };
}

This works perfect for me using the modified form

@using (Ajax.BeginForm("Test", "Test", ajax))
{
    @Html.TextBox("email");
    <input type="submit" value="Save" />
}

edited May 23, 2012 at 13:51

answered May 23, 2012 at 13:36

CD Smith

6,6377 gold badges42 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Ajax request not working (asp.net-mvc)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related