After spending hours researching this issue, I am still unable to find a solution.
It seems that Internet Explorer 10 is able to submit ajax requests using jQuery, but it does not include the post data.
Below is the code snippet in question:
var ajaxData = "FirstName="+encodeURIComponent($('#FirstName').val()); //get the data from the account form
ajaxData += "&LastName="+encodeURIComponent($('#LastName').val());
ajaxData += "&EmailAddress="+encodeURIComponent($('#EmailAddress').val());
ajaxData += "&CAT_Custom_246311="+encodeURIComponent(listData);
var config = {
async: false,
type: "POST",
url: "/FormProcessv2.aspx?WebFormID=44714&OID={module_oid}&OTYPE={module_otype}&EID={module_eid}&CID={module_cid}&JSON=1",
dataType: "json", // text"json",
processData: false,
data: ajaxData,
timeout: 70000,
cache: false,
};
$.ajax(config)
.done(function(data, event) {
if(data.FormProcessV2Response.success == true){ //success field is in BC response
alert("The list was submitted sucessfully.");
console.log(XHR);
} else{
alert("An error occurred and the list was not submitted.");
}
})
.fail(function(msg,event) {
alert("An error occurred and the list was not submitted.");
});
Despite working in other browsers such as Safari, Opera, Chrome, Firefox, and IE9, this code fails specifically in IE 10. Comparison with Fiddler reveals that while headers are similar across different browsers and IE 10, the latter's request headers show a Content Length value of 0 with no body text.
I do not have any download manager style plugins installed, contrary to other reported issues. The existing plugins are all default. Refer to the attached photo for verification.
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("POST",config.url,true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send(config.data);
}
The provided raw request example is adapted from w3schools with customized data content.
Internet Explorer itself displays the following data values in its dev tools:
FirstName=Joe&LastName=Spacely&EmailAddress=tester%40test.com&CAT_Custom_246311=test%3Dtest
Using Internet Explorer 10.0.9200.16519 on Windows 8 x64 w/Media Pack raises the question: Does Internet Explorer simply not support this functionality at all?
Any assistance with resolving this issue would be greatly appreciated. And please refrain from reiterating how challenging IE can be - we are well aware of it, but as web developers, we need to find ways to work around it.