JQuery - $.ajax POST 不会将 .data 发送到 Web 服务器

Question

我正在使用 JQuery $.ajax post 命令在我的 Web 服务器上调用 ajax 事件：

var formParams = "fe1=y&fe2=m&fe3=m";

$.ajax({
    type: 'POST',
    url: '/foo.jsp',
    async: false,
    data: formParams,
    complete: function(xmlRequestObject, successString){
        ymmReceiveAjaxResponse(xmlRequestObject, successString);
    }
});

ajax 组件成功调用网页，但它不包含任何 post 数据。
即 - “(HttpServletRequest) request.getParameterMap.size() == 0” - 我期望 3，但得到零。

将上述命令从 POST 更改为 GET 使一切正常。

TIA

Answer 1

使用FireBug并打开打开的Net小工具找到了问题的原因。

我看到 Web 服务器在调用网页时以状态 302 进行响应。

扩展 Firebug/Net 中的 302 请求，并检查参数、标头、响应和 HTML，很快发现这是源自服务器的应用程序特定问题。

感谢大家的反馈

Answer 2

试试这个：

$.ajax({
    type: 'POST',
    url: '/foo.jsp',
    async: false,
    data: { fe1: "y", fe2: "m", fe3: "m" },
    complete: function(xmlRequestObject, successString){
        ymmReceiveAjaxResponse(xmlRequestObject, successString);
    }
});

它应该有效。

Answer 3

您引用的代码很好（我已经在本地尝试过）。

我的猜测是，您问题中的 formParams 字符串只是一个示例，实际上您正在做一些事情来动态生成该字符串，问题在于那个 代码代替。

例如，您确定正确转义字符吗（使用 encodeURIComponent< /代码>）？或者更好的是，让 jQuery 处理它，如下所示：

$.ajax({
    type: 'POST',
    url: '/foo.jsp',
    async: false,
    data: {
        fe1: $("#somefield1").val(),
        fe2: $("#somefield2").val(),
        fe3: $("#somefield3").val()
    },
    complete: function(xmlRequestObject, successString){
        ymmReceiveAjaxResponse(xmlRequestObject, successString);
    }
});

如果您传入一个对象，jQuery 将为您处理 URI 编码。如果您真的想自己做：

var formParams =
    "fe1=" + encodeURIComponent($("#somefield1").val()) +
    "fe2=" + encodeURIComponent($("#somefield2").val()) +
    "fe3=" + encodeURIComponent($("#somefield3").val());
$.ajax({
    type: 'POST',
    url: '/foo.jsp',
    async: false,
    data: formParams,
    complete: function(xmlRequestObject, successString){
        ymmReceiveAjaxResponse(xmlRequestObject, successString);
    }
});

我没有对字段名称进行编码，因为这些名称中没有任何特殊字符；如果您的表单名称比这更有趣，您就需要这样做。

Answer 4

经过四个小时的沮丧尝试后，我发现可以通过在ajax POST 中设置 contentType 来实现这一点，如下所示，

var dataToSend = {
     "username" : $("#username").val(),
     "password" : $("#password").val()
};

$.ajax({
   type: "POST",
   url: "somepage.jsp",
   data: dataToSend,  
   contentType: "application/x-www-form-urlencoded; charset=UTF-8", //this is must
   success: function(datum, msg, textStatus){
        $("#result").html("<h3>" + "Status : " + msg + "</h3>")
        .fadeIn("slow");
  }
});

Answer 5

使用成功：

var formParams = "fe1=y&fe2=m&fe3=m";

$.ajax({
    type: 'POST',
    url: '/foo.jsp',
    async: false,
    data: formParams,
    success: function(data) {
       alert('response data = ' + data);
    }
});