index.html
<form id="formulario">
<label for="">nombre</label>
<input required type="text" class="form-control" name="user">
<label for="">pass</label>
<input required type="text" class="form-control" name="pass">
<button type="reset" class="btn btn-dark">reset</button>
<button type="submit" class="btn btn-dark">hola</button>
</form>
<div id="respuesta">
</div>
app.js
var formulario = document.getElementById('formulario');
var respuesta = document.getElementById('respuesta');
// obtengo el evento de mi formulario
formulario.addEventListener('submit', function (e) {
// evito que el form se ejecute
e.preventDefault();
var datos = new FormData(formulario);
console.log(datos);
console.log(datos.get('user'));
console.log(datos.get('pass'));
fetch('post.php', {
method: 'POST',
body: datos
})
.then(res => res.json())
.then(data => {
if (data === 'error') {
respuesta.innerHTML = '';
} else {
data.forEach(element => {
console.log(element);
});
respuesta.innerHTML = `aasd`;
}
})
});
post.php
<?php
$nombre = $_POST['user'];
$pass = $_POST['pass'];
echo json_encode($libros);
