Iterando a través de JSON dentro de un éxito de $ .ajax

Cuando un usuario hace clic en un botón, quiero devolver algunos datos e iterar a través del JSON para poder agregar los resultados a una fila de la tabla.

En este punto, solo estoy tratando de hacer que mi bucle funcione, aquí está mi código.

Mi JSON está regresando de la siguiente manera: {"COLUMNAS": ["nombre de usuario", "contraseña"], "DATOS": [["foo", "barra"]]}

$("#button").click(function(){

    $.ajax({
        url: 'http://localhost/test.php',
        type: 'get',
        success: function(data) {  
         $.each(data.items, function(item) {
            console.log(item);
            });
        },
        error: function(e) {
            console.log(e.message);
        }
    });

});

Recibo un error jQuery (línea 16, a no está definido). ¿Qué estoy haciendo mal?

Respuestas a la pregunta(2)

Su respuesta a la pregunta