Les requêtes Ajax vont appeler des actions sur le serveur, de la même manière que les requêtes http classiques. En effet, la différence entre ces deux types de requêtes est dans la vue : tandis qu’une requête http classique renverra une page web complète, une requête Ajax ne renverra qu’un morceau de la page.

Le pattern MVC étant fait pour séparer les contrôleurs des vues, l’appel fait au contrôleur se fait donc de la même manière quel que soit le type de la requête, la différence se faisant uniquement lors de l’envoi de la vue au navigateur. Au lieu de renvoyer une page entière, cette fois on va utiliser une vue partielle, pendant MVC des UserControl.

Lors de la création de la vue, il suffit de cocher la case « Create a partial view (.ascx) », et on ne mettra dans notre fichier ascx que ce qui sera renvoyé au client.

Dans l’action de votre contrôleur, vous pouvez savoir si la requête en cours est une requête Ajax ou non, à l’aide de la méthode Request.IsAjaxRequest(). Ainsi, vous avez donc la possibilité d’utiliser une même action dans les deux types de requêtes, et de renvoyer soit une page complète, soit une vue partielle :

Cet exemple d’action mets les résultats de la recherche dans le dictionnaire ViewData, et renvoie vers une vue. Si la requête est une requête Ajax, elle renverra uniquement vers la vue partielle « SearchResult » qui affiche uniquement les résultats de la recherche. Dans le cas contraire, elle renverra vers une vue normale qui renvoie une page html complète. Cette page affichant aussi les résultats de la recherche, on pourra réutiliser dans cette page la même vue partielle.