Détection de IsAjaxRequest() avec ASP.NET MVC et téléchargement de plugin/fichier de formulaire JQuery

Question

J'utilise le plugin JQuery Form pour effectuer un téléchargement de fichier sur une application ASP.NET MVC. J'ai appris que, comme un iframe est utilisé pour les téléchargements de fichiers (plutôt que XMLHttpRequest, ce qui n'est pas possible), la vérification côté serveur de IsAjaxRequest échoue.

J'ai vu quelques articles liés à cette question, mais je n'ai pas trouvé de bonnes solutions pour contourner ce problème. Comme pour le reste de mon application, j'aimerais pouvoir prendre en charge les scénarios JavaScript et JavaScript désactivés, c'est pourquoi je souhaite détecter si une requête est ajax ou non.

Je me rends compte que l'approche iframe utilisée n'est pas techniquement ajax, mais j'essaye d'imiter un effet ajax.

Toutes les suggestions seraient les bienvenues.

Answer 1

Je ne viens de réaliser que je totalement pas répondre à la question, donc je suis d'ajouter au sommet ici, et en laissant ma vieille réponse ci-dessous:

Le problème est lors de la publication d'un fichier sur un iFrame, le L'en-tête "X-Requested-With" n'est pas défini et vous ne pouvez pas définir d'en-têtes de requête spécifiques pour un formulaire normal POST en Javascript. Vous devrez recourir à d'autres astuces, comme l'envoi d'un champ caché avec votre POST qui contient une valeur, puis modifier ou remplacer la méthode d'extension "IsAjaxRequest" pour vérifier également cette condition. How to override an existing extension method?

Probablement la meilleure option serait probablement d'inclure votre propre méthode d'extension avec un nom différent, basé sur l'code de la méthode d'extension par défaut MVC avec les modifications pour détecter votre iFrame opération POST, puis utilisez votre méthode d'extension partout où vous vous attendez à en avoir besoin.

---

jQuery définit en fait l'en-tête 'X-Requested-With' à 'XMLHttpRequest' par défaut. C'est très utile tant que vous faites attention à tous vos appels AJAX via jQuery.

En fonction de vos besoins, il est facile de configurer la détection dans un filtre d'action pour l'utiliser en cas de besoin, ou même construire dans une classe de contrôleur comme ceci:

[jQueryPartial] 
public abstract class MyController : Controller 
{ 
    public bool IsAjaxRequest { get; set; } 
} 

Le ActionFilterAttribute:

public class jQueryPartial : ActionFilterAttribute 
{ 
    public override void OnActionExecuting(ActionExecutingContext filterContext) 
    { 
     // Verify if a XMLHttpRequest is fired. 
     // This can be done by checking the X-Requested-With 
     // HTTP header. 
     MyController myController = filterContext.Controller as MyController; 
     if (myController != null) 
     { 
      if (filterContext.HttpContext.Request.Headers["X-Requested-With"] != null 
       && filterContext.HttpContext.Request.Headers["X-Requested-With"] == "XMLHttpRequest") 
      { 
       myController.IsAjaxRequest = true; 
      } 
      else 
      { 
       myController.IsAjaxRequest = false; 
      } 
     } 
    } 
} 

Et en utilisant la mise en œuvre:

public class SomeController : MyController 
{ 
    public ActionResult Index() 
    { 
      if (IsAjaxRequest) 
       DoThis(); 
      else 
       DoThat(); 

      return View(); 
    } 
} 

Answer 2

Vous devez définir l'en-tête "X-Requested-With" pour que la méthode IsAjaxRequest renvoie true. Voici comment vous le faites en jquery.

$(document).ready(function() { 
    jQuery.ajaxSetup({ 
      beforeSend: function (xhr) { 
       xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); 
       return xhr; 
      } 
    }); 
}); 

Answer 3

Je viens trébuché acr oss cette question et plus tard trouvé une meilleure solution, alors voici (pour tout le monde qui obtient ici de google):

jQuery formulaire plugin a deux options qui pourraient aider dans ce cas.

1. si vous utilisez la demande de poste, il semble qu'il utilise toujours l'iframe, donc si vous n'avez pas besoin téléchargement de fichiers, la mise en iframe = false dans les options de formulaire aidé dans mon cas.

2. Si vous avez besoin iframe pour fileuploads, vous pouvez utiliser la propriété de données des options pour tromper le

   IsAjaxRequest() setting : data: { "X-Requested-With": "XMLHttpRequest" }

script complet avec les deux options ressemble que:

$('#someform').ajaxForm(
{ 
     dataType: 'json', 
     success: onSuccess, 
     error: onError, 
       iframe: false 
     data: { "X-Requested-With": "XMLHttpRequest" } 
    } 
); 

Answer 4

À partir de ASP.NET MVC 2 (et versions ultérieures), il existe une méthode d'extension sur le Request.

if (Request.IsAjaxRequest()) 
{ 
    // was an ajax request 
} 

En utilisant une méthode telle que jQuery .load() sur une méthode de commande se traduira par Request.IsAjaxRequest() retour vrai.