Grails以"text“的形式发送JSON，但是IE加载它的ajax URL并显示它的响应:为什么？

Question

我一直在开发一个应用程序，它必须在两种不同的情况下提交带有文件上传字段的表单。在同一个应用程序中，这两种情况在Firefox和Chrome中都能很好地工作，但是当我们在IE上运行它时，其中一种情况就失败了。

SITUATION #1 (它在FF、Chrome、IE9-7中工作得很好)：

/* controller */
def salvarArquivo() {   
    /* service calls, etc */

    uploadStatusJSON = uploadStatus as JSON     
    render uploadStatusJSON.toString()
}

--

/* JS - I'm using ajaxForm plugin by [malsup][1] */
$('#formularioEnviarArquivo').ajaxForm({
    beforeSubmit: validateFileUploadForm,
    clearForm   : true,
    dataType    : 'text',
    success     : function(dataStr) {
        var dataObj = $.parseJSON(dataStr);
        if (dataObj.status == false) {
            /* do this */
        } else {
            /* do that */
        }
    }
});

它返回一个正确的JSON-text，它被解析为一个JS对象，JS代码正确地处理它，我有一个很好的页面，它有一个很好的UX。

情景#2 (在IE9或更高版本中失败)：

/* controller */
def salvarComentarioAjax(){
    /* service, queries, etc
    * ask me more details */    

    def historicoJSON = historico as JSON
    render historicoJSON.toString() 
} // end method

--

/* JS */
$(document).ready(function(){
    /* validation stuff */  

    $('#formEnviarHistorico').ajaxForm({
        beforeSubmit    : function(){
            $('#submitFile').button('loading');
        },
        clearForm       : true,
        dataType        : 'text',
        success         : function(dataStr){
            var data = $.parseJSON(dataStr);
            if(data.status == false){
                /* do this */
            }else{
                /* do that */
            }   
        } // end success
    });
});

--

​

​

{"status":true,"comentario":"teste","arquivos":[{"status":true,"nome":"Hydrangeas.jpg","caminho":"http://192.168.0.81:8080/vs3/arq/atendimentos/20150811111634517_224442_Hydrangeas.jpg","mensagem":"OK"}],"nomeUsuario":"CINTIA BERNARDI","confidencial":false,"dataCadastro":"2015-08-11T14:16:34Z","id":251769,"foto":{"img":{"FD":{"class":"java.io.FileDescriptor"},"channel":{"class":"sun.nio.ch.FileChannelImpl","open":true},"class":"java.io.FileInputStream"},"path":"images/img_perfil/4a94303760487537892d8af0b5c47642.jpg","nomeFoto":"4a94303760487537892d8af0b5c47642.jpg"}}

我能证实什么？还要别的吗？我已经阅读了很多关于将contentType设置为'text/plain'等的建议，但可能我已经尝试过所有这些建议，将ajax的dataType设置为'text'或'json'

Answer 1

令人费解的是，我的客户端表单验证由jQuery验证插件驱动导致了这种情况。

/* JS */
$(document).ready(function(){

    /* validation stuff -> ACTUALLY IT IS: */  
    $('form[name=formEnviarHistorico]').validate(validacaoHistorico);
    /* It is jQuery Validate plugin!!! */

    $('#formEnviarHistorico').ajaxForm({
        beforeSubmit    : function(){
            $('#submitFile').button('loading');
        },
        clearForm       : true,
        dataType        : 'text',
        success         : function(dataStr){
            var data = $.parseJSON(dataStr);
            if(data.status == false){
                /* do this */
            }else{
                /* do that */
            }   
        } // end success
    });
});

如果用户浏览器是IE9或更高版本，并且运行得很好，我就创建了一个IF条件来避免这条验证行。目前，我的验证只在服务器端进行。