<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<button id="ajax">Pulsa aquí para probar el ajax</button>
<div id="resultado"></div>
<script>
$(function(){
console.log("Página cargada");
$('#ajax').click(function(){
console.log("Pulsado");
$.get("ejemplo_ajax_backend.php?tam=10",function(data){
console.log("resultado "+data);
var tabla=JSON.parse(data);
console.log(tabla);
for(i=0;i<tabla.length;i++){
$('#resultado').append(tabla[i]+"<br/>");
}
});
});
});
</script>
</body>
</html>
<?php
$lista=[];
$tam= filter_input(INPUT_GET, "tam",FILTER_SANITIZE_NUMBER_INT);
for($i=0;$i<$tam;$i++){
$lista[]= str_repeat("*", mt_rand(1,20));
}
echo json_encode($lista);
