IE + jQuery.Form + multipart + json response = ie tente de télécharger la réponse

Question

Je suis en train d'essayer de soumettre un formulaire avec un file champ via jQuery.Forme de plugin, voici le code:

$('form').ajaxSubmit({
  url: "/path",
  dataType: "json",
  contentType: "multipart/form-data"
...

Le serveur renvoie alors json comme une réponse. Fonctionne très bien dans tous les navigateurs sauf IE, qui essaie de télécharger la réponse sous forme d'un fichier. Si je supprime le fichier de champ à partir de la forme, il fonctionne aussi très bien.

J'ai vu plusieurs solutions ici et dans Google et fondamentalement essayé presque tout ce qui est décrit, y compris l'établissement de enctype pour le formulaire via jQuery, mais il ne fonctionne pas.

Toute suggestion serait très bien accueilli.

Answer 1

Vous pouvez simplement renvoyer JSON depuis le contrôleur en tant que "text / html", puis l’analyser côté client à l’aide de JQuery.parseJSON ().

Manette:

     return this.Json(
            new
                {
                    prop1 = 5,
                    prop2 = 10
                }, 
            "text/html");
 

Côté client:

 jsonResponse = $.parseJSON(response);

if(jsonResponse.prop1==5) {
     ...
}
 

Cette solution a fonctionné pour moi.

Answer 2

Je n'ai pas trouvé de solution immédiate à ce problème, mais j'ai finalement mis en œuvre la solution de contournement suivante: j'ai utilisé dataType: "text" dans mon ajax paramètres, puis retourné clair à partir d'un contrôleur, en séparant les valeurs par ; et d'analyse sur le côté client. De cette façon, IE et Forefox cessé d'essayer de télécharger une réponse.

Je n'ai pas trouvé d'autre moyen pour empêcher, a déclaré le comportement des autres, puis de revenir en clair. J'ai essayé de retour JSON sous forme de texte brut, puis l'analyse de $.parseJSON, mais il ne fonctionne pas en raison de certaines erreurs js.

Answer 3

Il suffit d'envoyer la réponse avec 'Content-Type', en- tête 'text / html' .

Answer 4

Il suffit de définir Content-Type: text/html

Cela est dû au fait que IE8 ne reconnaît pas le type MIME application/... . Cela fonctionne pour moi.

J'espère que ça aide.

Answer 5

si vous travaillez avec Zend, vous pouvez le faire

 $this->getResponse()->setHeader('Content-Type', 'text/html');
 

dans votre action de contrôleur. et côté client, en cas de jQuery, vous pouvez faire

 data = $.parseJSON(data);