JSON PARSE returning 'Object Object'

Question

I would like to know what is wrong with my job, because in allocating obj = data, the same sage object object, the date value is a JSON returned by the WEBSERVICE.

Date value:

[{"descricao":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tristique \nligula sed nibh finibus, id placerat elit mollis. Proin dictum sed felis vitae vulputate. Nunc vitae velit feugiat, porttitor \nfelis quis, pharetra risus. Integer id dolor sapien. Aenean ultricies, risus at lacinia blandit, leo mi tincidunt risus, \nat gravida nisi nisl ut dui. Donec vitae consectetur urna. Phasellus at augue vel nisl semper aliquet eu vel ante. Ut venenatis \nlacus id velit aliquet, ac congue neque mollis. Quisque at elit mollis arcu condimentum imperdiet.","idEvento":3,"inicio":"05/10","palestrante":"Profº José Marinho","qtdVagas":40,"termino":"09/10","titulo":"Palestra de Jogos"}]

Javascript function:

$(document).ready(function(){
    $(".btnSubmit").click(function(evt) {
        evt.preventDefault();

        $.ajax({
            type: "GET",
            url: "http://localhost:8080/SemanaEngenharia/webresources/services.evento",
            data: "", /* redundante */
            dataType: "text",
            success: function(data) {
                alert(data);
                obj = JSON.parse(data); /* nao funciona*/
                //$("#p").html(obj.titulo);
                alert(obj);
            }

        }); // fim ajax

    });
});

In doing obj.titulo (one of the JSON fields), the return is "Undefined".

Answer 1

Your JSON is an array (as it is bounded by [ ]), and within this array there is a Object (delimited by { }), who holds the key "title".

Then just take the first element of the array, and then take the "title":

let json = [{"descricao":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tristique \nligula sed nibh finibus, id placerat elit mollis. Proin dictum sed felis vitae vulputate. Nunc vitae velit feugiat, porttitor \nfelis quis, pharetra risus. Integer id dolor sapien. Aenean ultricies, risus at lacinia blandit, leo mi tincidunt risus, \nat gravida nisi nisl ut dui. Donec vitae consectetur urna. Phasellus at augue vel nisl semper aliquet eu vel ante. Ut venenatis \nlacus id velit aliquet, ac congue neque mollis. Quisque at elit mollis arcu condimentum imperdiet.","idEvento":3,"inicio":"05/10","palestrante":"Profº José Marinho","qtdVagas":40,"termino":"09/10","titulo":"Palestra de Jogos"}]

console.log(json[0].titulo); // Paletras de Jogos

Answer 2

The alert does not show the contents of the object. If you make a console.log will show. Since it is an array object, you access the values by index 0, since it is an array of only one JSON item, for example:

obj[0].descricao;

Will access the key value descricao.

Now you can change the dataType for json so that the string is already parsed, without the need to use JSON.parse:

   $.ajax({
     type: "GET",
     url: "conecta2.php",
     data: "", /* redundante */
     dataType: "json",
     success: function(data) {
         alert(data);
         //$("#p").html(obj.titulo);
         console.log(data[0].descricao);
     }

   }); // fim ajax