A antiga extensão MySQL
mysql está desatualizado, é melhor usar mysqli ou PDO ! mysql_fetch_row()
retorna apenas 1 linha!Você tem que colocar em um loop, por exemplo:$data = array();
while ( $row = mysql_fetch_row($result) )
{
$data[] = $row;
}
echo json_encode( $data );
Você também precisa alterar o JavaScript:
$.ajax({
url: 'api.php', data: "", dataType: 'json', success: function(rows)
{
for (var i in rows)
{
var row = rows[i];
var id = row[0];
var vname = row[1];
$('#output').append("<b>id: </b>"+id+"<b> name: </b>"+vname)
.append("<hr />");
}
}
});
A propósito, eu recomendo que você use
mysql_fetch_assoc()
porque torna seu código mais flexível e limpo. 
