使用AJAX从API获取JSON

Question

我尝试使用AJAX从“api”获取json数据。我使用普通的JavaScript成功地完成了它，但现在我在使用Jquery时也遇到了问题。

我的HTML：

<button type="button" onclick="ajax()">Wijzig Content</button>
    <input type="text" name="iets" value="nog iets">
    <br><br>
    <div id="myDiv">Let AJAX change this text</div>

我的api给出的数组：

$Names = [["vnaam"=>"name1","tv"=>"van","anaam"=>"piet"],
        ["vnaam"=>"name2","tv"=>"van","anaam"=>"piet"],
        ["vnaam"=>"name3 slang","tv"=>"van","anaam"=>"piet"]];

还没有工作的JQuery：

function ajax(){
            $.get( "api.php?action=all", function( data ) {
                console.log(data.vnaam);
              $( "#myDiv" )
                .append( "naam: " + data.vnaam )
                .append( "tussenvoegsel: " + data.tv )
                .append( "achternaam: " + data.anaam );
            }, "json" );};

当我console.log(data)时，它返回整个数组。但是当我输入console.log(data.vnaam)时却没有。我没看到/做错了什么？