Skip to main content
Cambio de $_REQUEST por $_POST para que no haga falta saber el nombre de la variable
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

Usando fetch() tienes al menos dos formas de capturar sus datos enviados:

  1. 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>

  1. 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>

Usando fetch() tienes al menos dos formas de capturar sus datos enviados:

  1. 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>

  1. Enviándolos en forma de FormData con POST:
<?php
if(isset($_REQUEST['a1'])){
    echo json_encode($_REQUEST);
    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>

Usando fetch() tienes al menos dos formas de capturar sus datos enviados:

  1. 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>

  1. Enviándolos en forma de FormData con POST:
<?php
if(isset($_POST) and !empty($_POST)){
    echo json_encode($_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>
se eliminaron 7 caracteres en el cuerpo
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

Usando fetch() tienes al menos dos formas de capturar sus datos enviados:

  1. Con php://input:
<?php
if ($data = file_get_contents('php://input');
if ($data !== ''){
    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>

  1. Enviándolos en forma de FormData con POST:
<?php
if(isset($_REQUEST['a1'])){
    echo json_encode($_REQUEST);
    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>

Usando fetch() tienes al menos dos formas de capturar sus datos enviados:

  1. Con php://input:
<?php
$data = file_get_contents('php://input');
if ($data !== ''){
    echo json_encode($data);
    exit();
}
?>
  1. Enviándolos en forma de FormData con POST:
<?php
if(isset($_REQUEST['a1'])){
    echo json_encode($_REQUEST);
    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>

Usando fetch() tienes al menos dos formas de capturar sus datos enviados:

  1. 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>

  1. Enviándolos en forma de FormData con POST:
<?php
if(isset($_REQUEST['a1'])){
    echo json_encode($_REQUEST);
    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>
Origen Enlace
masterguru
  • 16k
  • 5
  • 15
  • 28

Usando fetch() tienes al menos dos formas de capturar sus datos enviados:

  1. Con php://input:
<?php
$data = file_get_contents('php://input');
if ($data !== ''){
    echo json_encode($data);
    exit();
}
?>
  1. Enviándolos en forma de FormData con POST:
<?php
if(isset($_REQUEST['a1'])){
    echo json_encode($_REQUEST);
    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>