he intentado de todo para poder mostrar un POST en HTML con un APIrest de reqres.in intentando poner los datos que introduzca el usuario en los inputs en un cuadro pero me ha parecido particularmente dificil.
Me gustaria que los datos que introduzca el usuario aparecieran dentro del cuadro de #caja, pero a pesar de todo me sigue apareciendo el siguiente mensaje de error en la consola:
Uncaught TypeError: Cannot read property 'forEach' of undefined at Object.success (ajax.js:35)
HTML:
<form action="https://reqres.in/api/users" method="POST" id="formulario">
<p>
Nombre: <input type="text" name="name">
</p>
<p>
Web: <input type="text" name="web">
</p>
<p>
<input type="submit" value="Registrar" id="submit">
</p>
</form>
<span id="aviso">Usuario Registrado con Exito</span>
<div id="datos">
</div>
JS:
$("#formulario").click(function(response){
response.preventDefault();
var usuario = {
"nombre": $('input[name="name"]').val(),
"web": $('input[name="web"]').val()
}
$.post($(this).attr("action"), usuario, function(response){
console.log(response);
usuario.response.forEach(function(element){
$("#datos").append("<ul><li><p>"+element+"</p></li></ul>");
});
return false;
});
});