Java Ajax request parameters have null value

Question

I'm trying to make a simple ajax request using Java (JSP + Servlet) and Ajax (jQuery). The Ajax request is working as expected, and the servlet code is reached.

The problem is that I can't get the values of the parameters sent by the request. I get null values.

This is the code in the 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 request inside a 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);

    }
});

The request data looks like this:

perfilId=1&perfilNombre=nuevo

Perhaps I'm missing something?

EDIT

This is the 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>

Try passing it as `'perfilId': $('#perfilId').val()`. Adding quotes. Or use `JSON.stringify(..)` — Shaunak D, Apr 09 '15 at 17:30
@ShaunakD I had already tried using JSON.Stringify, and just tried using quotes. I still get null values. — Barrios, Apr 09 '15 at 17:40
See the asnwers here http://stackoverflow.com/a/19376331/3639582 — Shaunak D, Apr 09 '15 at 17:45

score 3 · Accepted Answer · edited May 23 '17 at 12:08

3

Following this answer, @ShaunakD referenced this in a comment (see question), I was able to obtain the values sent by the ajax call.

The call looks like this:

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

edited May 23 '17 at 12:08

Community

1
1

answered Apr 09 '15 at 19:07

Barrios

75
1
2
9

I encountered the same issue when making a POST request and found that removing the contentType parameter allowed the non-empty request parameters to be correctly passed and read by a servlet. – gburgalum01 Oct 10 '18 at 20:06

score 0 · Answer 2 · answered Apr 09 '15 at 17:31

0

if your ajax call is inside some function try this :

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

    }
});

answered Apr 09 '15 at 17:31

DarkHorse

2,740
19
28

I just tested this and I still get null values. – Barrios Apr 09 '15 at 17:41
Can you paste the HTML... It will help to resolve :) – DarkHorse Apr 09 '15 at 17:43

Java Ajax request parameters have null value

2 Answers2