Fetch
<body>
Importe:<input type="text" id="importe"><br/>
Plazos:<input type="text" id="plazos"><br/>
<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");
fetch('ajax_backend.php', {
method: 'POST',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
body: 'importe=' + $("#importe").val() + '&plazos=' + $("#plazos").val()
})
.then(function (response) {
console.log('response =', response);
return response.json();
})
.then(function (data) {
console.log('data = ', data);
$('#resultado').html("<ul>");
for (prop in data) {
$('#resultado').append("<li>" + data[prop] + "</li>");
}
$('#resultado').append("</Ul>");
})
.catch(function (err) {
console.error(err);
});
});
});
</script>
</body>
