Ajax 成功发送数据到 IE 但在 Firefox 中没有

Question

您好，我有以下数据通过 ajax 传输到 MVC 控制器。它在 IE 上运行时运行良好，但在 Firefox 上运行时收到错误消息。我尝试改变很多东西（添加数据类型、内容类型……等等）。其中大多数导致数据也无法通过 IE 发送。

function sendData() {
    var currData = new Array();
    var elements = document.getElementById("formID").elements;
    for (var i = 0, element; element = elements[i++];) {
        if (element.value != "Submit Query") {
            if (element.value != "") {
                currData.push(element.value);
            }
        }
    }
    var finData = {values: currData};
    $.ajax({
        type: "POST",
        url: "home/sendcurr",
        data: finData,
        traditional: true,
        success: function (recData) {
            populateObjData(recData);
        },
        error: function () {
            alert("error");
        }
    });
}

在控制器中，我收到的数据如下：

List<String> values

成功后将以下数据返回给ajax。

var jsonData = new JavaScriptSerializer().Serialize(_object);
return jsonData;

同样，现在它在 IE 中完美运行，但在 Firefox 中无法正常运行！ 非常感谢任何帮助！

Answer 1

在使用 IE11 + Chrome50 和 FF46 测试您的代码后，如果我使用或不使用 the traditional style of param serialization.，我得到了以下结果

traditional: true:
Chrome  -->  "["values=1","values=2","values=Submit%20Query"]"
FF      -->  "["values=1","values=2","values=Submit%20Query"]"
IE      -->  "[values=1,values=2,values=Submit%20Query]"
traditional: false:
Chrome -->  "["values%5B%5D=1","values%5B%5D=2","values%5B%5D=Submit%20Query"]"
FF     -->  "["values%5B%5D=1", "values%5B%5D=2", "values%5B%5D=Submit%20Query"]"
IE     -->  "[values%5B%5D=1,values%5B%5D=2,values%5B%5D=Submit%20Query]"

改用serialize 结果是：

Chrome: --> "["firstName=1","lastName=2"]"
FF      --> "["firstName=1", "lastName=2"]"
IE:     --> "[firstName=1,lastName=2]"

对于if问题我写了一个错误的评论。

所以，我可能会建议您减少代码行数并编写如下内容：

function sendData() {
  var finData = $('#formID').serialize();
  $.ajax({
    type: "POST",
    url: "z.html",
    data: finData,
    success: function (recData) {
      //populateObjData(recData);
      alert('success');
    },
    error: function () {
      alert("error");
    }
  });
}
$(function () {
  $('input[type="submit"]').on('click', function(e) {
    e.preventDefault();
    sendData();
  });
});

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>


<form id="formID" action="z.html" method="post">
    <input name="firstName" value="1">
    <input name="lastName" value="2">
    <input type="submit" value="Submit Query">
</form>

如果你有兴趣调试 jQuery 代码，你可以看看：

jQuery.param = function( a, traditional ) {