Usando fetch()
tienes al menos dos formas de capturar sus datos enviados:
- Con
php://input
:
<?php
if ($data = file_get_contents('php://input')){
echo json_encode($data);
exit();
}
?>
<script>
async function envia_post(){
let _datos = {'a1':'uno','a2':15,'a3':16,'datos':25};
const post = {
method: "post",
body: JSON.stringify(_datos),
headers: {"Content-type": "application/json; charset=UTF-8"},
};
let fetchResponse = await fetch('index.php?datos=1', post);
let data = await fetchResponse.json();
console.log(data);
}
</script>
<div onclick="envia_post();">Click!</div>
- Enviándolos en forma de FormData con
POST
:
<?php
if(isset($_REQUEST['a1']$_POST) and !empty($_POST)){
echo json_encode($_REQUEST$_POST);
exit();
}
?>
<script>
async function envia_post(){
let _datos = {'a1':'uno','a2':15,'a3':16,'datos':25};
var formData = new FormData();
for ( var key in _datos ) {
formData.append(key, _datos[key]);
}
const post = {
method: "post",
body: formData,
};
let fetchResponse = await fetch('index.php', post);
let data = await fetchResponse.json();
console.log(data);
}
</script>
<div onclick="envia_post();">Click!</div>