Formdata和XMLhttpRequest未在IE上工作11

我正在使用formdata和XMLHttpRequest使用ajax提交我的表单。现在除IE 11以外的其他浏览器都可以正常工作。注意我正在使用这个ajax请求上传文件。Formdata和XMLhttpRequest未在IE上工作11

我的代码如下

var form = document.getElementById('chatMessageForm'); 
var formData = new FormData(form); 
var xhr = new XMLHttpRequest(); 
// Add any event handlers here... 
xhr.open('POST', form.getAttribute('action'), true); 
xhr.responseType = "json"; 
xhr.send(formData); 
xhr.onload = function (e) { 
    var new_message_response = xhr.response; // not responseText 
    console.log(new_message_response); 
    if (new_message_response.conversationStatus) { 
     alert('This Conversation is disabled by Other User'); 
     jQuery('.conversationadd .messagebox #msgbox').attr('disabled',true); 
    } else { 
     var downloadLink = ''; 
     if (new_message_response.attachment != '' && new_message_response.attachment != null) { 
      downloadLink = '<a href=" ' + new_message_response.attachment_file_path + '" download="' + new_message_response.attachment + '" class="attachment">Download Attachment</a>'; 
     } 
     jQuery('.chatmessageinner').append('<div class="singlemsg right" id=" ' + new_message_response.id + ' ">' 
      + '<p> ' + msg + ' </p>' 
      + '<div class="messagefooter">' 
      + '<span class="time">' + new_message_response.time + '</span>' 
      + downloadLink 
      + '</div>' 
      + '</div>'); 
     var objDiv = document.getElementsByClassName("chatmessageinner")["0"]; 
     objDiv.scrollTop = objDiv.scrollHeight; 
    } 
}

来源

2015-03-13 Raza Chohan

欢迎堆栈溢出。我已经用正确的缩进编辑了代码，并从问题中删除了一些不必要的文本。您可以通过指出哪些工作不正常以及您在浏览器中获得的错误消息来进一步改进。 – 2015-03-13 10:26:40

@StephenMuecke谢谢我欣赏这一点 – 2015-03-13 10:50:56

我使用jQuery.ajax，而不是现在的XMLHttpRequest一切正常，光滑如丝:)现在我的代码看起来是这样的：

var form = document.getElementById('chatMessageForm'); 
      var formData = new FormData(form); 
jQuery.ajax({ 
       url: form.getAttribute('action'), 
       type: 'POST', 
       data: formData, 
       processData: false, 
       contentType: false, 
       success: function (data) { 
        var new_message_response = data; 
        if (new_message_response.conversationStatus) 
        { 
         alert('This Conversation is disabled by Other User'); 
         jQuery('.conversationadd .messagebox #msgbox').attr('disabled', true); 
        } 
        else 
        { 
         var downloadLink = ''; 
         if (new_message_response.attachment != '' && new_message_response.attachment != null) 
         { 
          downloadLink = '<a href=" ' + new_message_response.attachment_file_path + '" download="' + new_message_response.attachment + '" class="attachment">Download Attachment</a>'; 
         } 
         jQuery('.chatmessageinner').append('<div class="singlemsg right" id=" ' + new_message_response.id + ' ">' 
           + '<p> ' + msg + ' </p>' 
           + '<div class="messagefooter">' 
           + '<span class="time">' + new_message_response.time + '</span>' 
           + downloadLink 
           + '</div>' 
           + '</div>'); 
         var objDiv = document.getElementsByClassName("chatmessageinner")["0"]; 
         objDiv.scrollTop = objDiv.scrollHeight; 
        } 
       }, 
       error: function (data) { 
        alert("error"); 
       } 
      });

来源

2015-03-13 09:59:21

Formdata和XMLhttpRequest未在IE上工作11

回答

相关问题