Java Ajax 请求参数有空值

Java Ajax request parameters have null value

我正在尝试使用 Java(JSP + Servlet)和 Ajax(jQuery)发出一个简单的 ajax 请求。 Ajax 请求按预期工作,并且到达了 servlet 代码。

问题是我无法获取请求发送的参数值。我得到空值。

这是 servlet 中的代码:

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
    throws ServletException, IOException {

    response.setContentType("application/json");

    String perfilId = request.getParameter("perfilId"); //Null value
    String perfilNombre = request.getParameter("perfilNombre");  //Null value


    try (PrintWriter out = response.getWriter()) {
        Gson gson = new Gson(); 
        JsonObject obj = new JsonObject();
        obj.addProperty("mensaje", "Algún mensaje. Id: " + perfilId + ", Nombre: " + perfilNombre);

        out.print(gson.toJson(obj));
        out.flush();
    }
}

Ajax 内的请求 JSP:

$.ajax({
    type: "POST",
    url: 'srvl_def',
    cache: false,
    contentType: "application/json;",
    dataType: "json",
    data: {
        perfilId: $('#perfilId').val(),
        perfilNombre: $('#perfilNombre').val()
    }, 
    success: function (data) {
        alert(data.mensaje);

    }
});

请求数据如下所示:

perfilId=1&perfilNombre=nuevo

也许我遗漏了什么?

编辑

这是HTML

    <input type="text" id="perfilId" />
    <input type="text" id="perfilNombre" />

    <button type="button" id="btnGuardar">Enviar</button>

    <script src="js/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('#btnGuardar').click(function (){
            //ajax call
        });
    </script>

如果您的 ajax 调用在某个函数内部,请尝试以下操作:

var perfilId = $('#perfilId').val();
var perfilNombre =  $('#perfilNombre').val();
$.ajax({
    type: "POST",
    url: 'srvl_def',
    cache: false,
    contentType: "application/json;",
    dataType: "json",
    data: {
        perfilId: perfilId ,
        perfilNombre: perfilNombre
    }, 
    success: function (data) {
        alert(data.mensaje);

    }
});

this answer 之后,@ShaunakD 在评论中引用了这个(参见问题),我能够获得 ajax 调用发送的值。

调用如下所示:

var perfilId = $('#perfilId').val();
var perfilNombre =  $('#perfilNombre').val();

$.ajax({
    type: "POST",
    url: 'srvl_def',
    cache: false,
    contentType: "application/x-www-form-urlencoded; charset=UTF-8;",
    dataType: "json",
    data: {
        perfilId: perfilId,
        perfilNombre: perfilNombre
    },
    success: function (data) {
        alert(data.mensaje);
    }
});