MVC2 Ajax Form fait actualisation de la page non désirée

Question

Je suis assez nouveau à MVC. J'ai mon premier formulaire Ajax ici:

<div id="test"></div> 
<div id="MainChatMenu"> 
<% using (Ajax.BeginForm("SendMessage", "MainChat", new AjaxOptions { UpdateTargetId="test"})) 
{ %> 
    <input id="chatMessageText" type="text" maxlength="200" /> 
<input type="submit" value="Go"/> 
<% } %> 

Maintenant, si je clique sur le bouton Envoyer, la page est rechargeait, à MySite goint/contrôleur/action. Je pensais que le comportement par défaut de l'Ajax.BeginForm était exactement de ne pas le faire? Où est mon erreur de débutant?

Mon contrôleur est appelé correctement, mais le transfert de données ne fonctionne pas non plus. Probablement à cause de la même erreur? Voici le code:

public class MainChatController : Controller 
{ 
    [AcceptVerbs(HttpVerbs.Post)] 
    public EmptyResult SendMessage(FormCollection formValues) 
    { 
     return new EmptyResult(); 
    } 

} 

Answer 1

Assurez-vous que vous avez inclus les bibliothèques de scripts nécessaires:

<script type="text/javascript" src="<%= Url.Content("~/scripts/MicrosoftAjax.js") %>"></script> 
<script type="text/javascript" src="<%= Url.Content("~/scripts/MicrosoftMvcAjax.js") %>"></script> 

Answer 2

<% using (Ajax.BeginForm("SendMessage", "MainChat", new{}, new AjaxOptions { UpdateTargetId="test", HttpMethod="POST"})) %>