IE tenta di scaricare JSON in ASP. NET MVC 3

Question

Stavo cercando di restituire Json dalla mia azione e successivamente ho provato a scaricarlo e mi ha mostrato la finestra di dialogo di salvataggio. L'ho provato su Firefox, e lì funziona perfettamente.

return Json(new { success = false, message = ex.Message }, "application/json"); 

Qual è la ragione di questo comportamento e come posso risolvere il problema?

Dopo che in Javascript parte provo questo

if (responseJSON.success == false) { 
         alert(responseJSON.message); 
         cancel(); 
        } 

Ma IE non mostra avviso in ogni caso. Mi porta a salvare la finestra di dialogo.

Ho provato a cambiare "application/json" con "text/plain" e il dialogo di salvataggio è scomparso, ma non riesco ancora a visualizzare l'avviso. Cosa mi manca?

EDIT:

Ecco il mio Complect JavaScript, sto usando Valums qquploader (ex-Ajaxupload) per il caricamento delle immagini

var uploader = new qq.FileUploader({ 
       element: document.getElementById("image-upload"), 
       action: '/Home/ImageUpload', 
       allowedExtensions: ['jpg', 'png', 'gif'], 
       sizeLimlit: 2048,onComplete: function (id, fileName, responseJSON) { 
        if (responseJSON.success == false) { 
         alert(responseJSON.message); 
         cancel(); 
        } 
        else { 
         alert("success"); 
          //some code here 
         } 
        } 
        }); 

avevo provati con alert("success"); nella mia parte il resto e inoltrate JSON come "text/plain" e dopo ho visto l'avviso. Ma a quel tempo responseJSON.success != false per me. Hai qualche suggerimento a riguardo?

Answer 1

ho risolto che con questo trucco

return Json(new { success = false, message = ex.Message }, "text/html"); 

E ora funziona. Ma qualcuno può spiegare perché funziona con text/html, e non ha funzionato con application/json e text/plain. Per prima cosa sta cercando di scaricare JSON e la seconda sta restituendo le proprietà non definite per i campi JSON.

Answer 2

Forse non si sta impostando un corretto tipo MIME per il contenuto JSON (per IE provate text/plain)

See: What problems may using the MIME type application/json cause?

Answer 3

Stavo usando lo stesso uploader e ho avuto lo stesso problema.

Ha a che fare con le intestazioni di richiesta inviate. IE ha bisogno della richiesta di avere un'intestazione di accettazione che indichi json.

xhr.setRequestHeader("Accept", "application/json, text/javascript, */*; q=0.01"); 

Se si inserisce questo dopo questa linea:

xhr.setRequestHeader("Content-Type", "application/octet-stream"); 

nel file js (la mia si chiama fileuploader.js) allora si dovrebbe più avere il problema, e non hanno bisogno di indicare text/html nel tuo ritorno.

p.s. Ho commentato la riga del tipo di contenuto, ma non sono più sicuro del perché. Se solo aggiungendo questo la riga di accettazione non funziona, prova a commentare anche l'intestazione content-type.

Edit:

ho guardato il mio file di nuovo, e sembra che anche fatto un altro cambiamento.

Al posto della linea:

xhr.send(file) 

ho messo in:

var formData = new FormData(); 
formData.append("image", file); 
xhr.send(formData); 

Questo avviene dopo la linea setrequesrheader sopra.

Non sono sicuro che questa modifica funzioni per tutti gli usi, come il caricamento di più file. Carico solo una singola immagine per il mio uso.

Answer 4

Questo problema si verifica quando si utilizza un plug-in di caricamento che utilizza uno iframe per eseguire il caricamento con IE (testato su 9.0).

IE imposta l'intestazione Accept: text/html, , application/xhtml+xml, */* e così quando si risponde con Content-type: application/json, si presuppone che sia il file (o almeno questa è l'unica spiegazione che ho potuto trovare sul web).

Pertanto, per aggirare il problema, è necessario impostare Content-type: text/html o Content-type: text/plain.

Si consiglia di implementarlo utilizzando ActionFilter; invece di modificare manualmente il tipo di contenuto, rilevare IE e un POST multipart e modificare di conseguenza il tipo di contenuto.