Help with JSON in JQuery

[vibeit]

Hello, I need help parsing a json string.

 

Inside the getdata.php file:

<?php

$val1 = "break";
$val2 = "break2";

echo json_encode(array("name"=>$val1, "address" => $val2));

?>

 

Inside my data.js file:

//1st method

$('#btndata').on('click', function(){
    
    $.post('getdata.php', function(e){
        var obj = jQuery.parseJSON(e);  <------- nothing happens when I click the button.
        $('#lbldata').html(obj.name);
    });
    
});

 

But if I type it this way:

//Second method

$('#btndata').on('click', function(){
    
    $.post('getdata.php', function(e){
        $('#lbldata').html(e); <----------- output in browser: {"name":"break","address":"break2"}
    });

 

    
});

 

What's puzzling here is when I used the first method in another project, it works. Can anyone help me sort this out? I even tried ajax and still got nothing.

 

Thanks