Как мне получить AJAX формы представления для работы в ASP.net MVC?


Я очень новичок в мире AJAX и Javascript и пытаюсь реализовать пример Скотта Ханселмана представления формы для обновления части страницы. Я скопировал его пример почти слово в слово и, кажется, не могу заставить его работать. Когда я нажимаю кнопку submit, действие контроллера вызывается успешно, но результат отображается в браузере как новая страница, вместо обновления только диапазона, который я указал в форме Ajax.

Вот мой взгляд код:

<asp:Content ID="indexHead" ContentPlaceHolderID="head" runat="server">
    <title>Home Page</title>
</asp:Content>

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

    <% using (Ajax.BeginForm("TestAction", new AjaxOptions { UpdateTargetId = "target" }))
       { %>

        <%= Html.TextBox("TextBox")%>
        <input type="submit" value="Submit" />
        <span id="target" />

    <% } %>

</asp:Content>

И мое действие контроллера:

    public string TestAction(string TextBox)
    {
        return TextBox;
    }

И я включил следующие строки в главную страницу

<script src="../../Scripts/MicrosoftMvcAjax.debug.js"type="text/javascript"></script>  
<script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script> 
<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script> 

Но все, что он, кажется, делает, это вызывает действие и отображает результат как новую страницу, вместо обновления целевого диапазона. Вот несколько небольших скриншотов, иллюстрирующих происходящее.

Скриншот 1 http://martindoms.com/scr1.JPG

Скриншот 2 http://martindoms.com/scr2.JPG

Есть идеи?

2 2

2 ответа:

У вас есть javascript включить в главной странице в неправильном порядке. Переупорядочить так, чтобы MicrosoftAjax.js включен первым из трех, и он будет работать.

<script src="../../Scripts/MicrosoftAjax.js" type="text/javascript"></script>
<script src="../../Scripts/MicrosoftMvcAjax.js" type="text/javascript"></script>

Просто выкидываю кое-какие идеи...

Http://www.asp.net/learn/MVC/tutorial-33-cs.aspx

Ваше действие контроллера находится в классе, определенном так?

public class MyController : Controller

По-видимому, имя класса должно заканчиваться словом controller.