Why can't I access the property of an object in the response from the server?

Question

JavaScript

Good afternoon. I'm trying to figure out ajax. I can not access the properties of the response object from the server. When outputting to the console, the object itself is displayed, when trying to get its property - undefined. How so? ... Here is a piece of the function where I am trying to apply:

$.ajax({
          type: 'POST',
          url: '/add.php',
          data: msg,
          success: function(data) {   
          console.log("Ответ json:",data);  
          console.log(data.w_client);     
          },
          error:  function(xhr, str){
                alert('Возникла ошибка: ' + xhr.responseCode);
            }
        });

Console screenshot:

Answer 1

Use JSON.parse(data);
learn.javascript.ru/json

Answer 2

Or just specify the dataType in the ajax request parameters. Then JSON.parse won't need to be written