Internet Explorer 10 不发送 Ajax 发布数据

Question

好的，我研究了几个小时，但我仍然很难过。

Internet explorer 10 会使用 jquery 提交 ajax 请求，但不会包含 post 数据。

代码如下：

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.");
                });

所有其他浏览器（safari、opera、chrome、firefox、IE9）都允许此操作，但代码在 IE 10 中失败。使用 fiddler 查看它表明其他浏览器和 IE 之间的标题几乎相同10，但是 IE 10 的请求头的内容长度值为 0，并且没有正文。

关于人们遇到的其他一些问题，不，我没有任何下载管理器样式的插件。所有插件都是默认的。这是我记录的插件的照片。

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);
}

这是来自 w3schools 的原始请求的虚拟文本，带有我自己的数据。

这是 Internet Explorer 本身（使用开发工具）给出的数据值的示例

FirstName=Joe&LastName=Spacely&EmailAddress=tester%40test.com&CAT_Custom_246311=test%3Dtest

我在 Windows 8 x64 w/Media Pack 上使用 Internet Explorer 10.0.9200.16519。

Internet Explorer 是否根本不支持它？

任何帮助将不胜感激。哦，请不要告诉我 IE 有多糟糕。我们都知道，但我们 Web 开发人员仍然必须处理它。

Answer 1

按要求发帖：

这是否与您的 URL 已经有 $_POST 数据有关？也许如果您在变量中包含该信息并且仅使用静态 URL 会取得更大的成功。

顺便说一句，您可以考虑使用 {key:value} 对，因为构建查询字符串更难维护。

Answer 2

我之前遇到过 IE 和表单数据的问题。我发现最好确保我的输入字段用带有 id 的表单标签包装。然后，当您发布数据时，使用 jQuery .serialize() 函数为您构建发布数据字符串。

所以，你的配置应该是这样的：

var config = {
    async: false,
    type: "POST",
    url: "/FormProcessv2.aspx", //truncated for simplicity
    dataType: "json",
    processData: false,
    data: $('#formName').serialize(),
    timeout: 70000,
    cache: false
};

另外，以防万一我提到确保您将此 ajax 帖子绑定到表单提交或按钮单击，您使用 event.preventDefault() 阻止默认表单提交操作。