Как мне получить 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 ответа:
У вас есть 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.