Início / coding / Perguntas / 77717211
Accepted
Mehdi
Asked: 2023-12-26 20:22:37 +0800 CST

fazendo diferentes chamadas de API

  • 772

Gostaria de fazer 2 chamadas de API Fetch para transferir dados do meu arquivo JS para o meu arquivo PHP. A primeira chamada é condicional e transfere um array de dados (que é tratado corretamente no meu arquivo PHP). A segunda chamada de API é uma espécie de timer (usando a função setInterval) que desejo usar para verificar se o cliente ainda está no navegador ( sim, esse é o objetivo final!). As 2 chamadas estão funcionando corretamente (não recebem erros e podem obter dados corretamente do primeiro array). O problema é que não sei como obter os dados do timer separadamente em uma variável no meu arquivo PHP (que irei em seguida enviar no array)! Você pode mostrar o caminho (ainda sou iniciante no Fetch ..)

Aqui está o código no meu arquivo JS

primeira chamada

if(...Button pressed...){
    fetch("cart.php",{
        "method":"POST",
        "Headers":{
            "content-type":"application/json; charset=utf-8"
        },
        "body":JSON.stringify(arrayOrderedProducts)
    })
    .then(function(response){
        return response.text()
    })
    .then(function(data){
        console.log(data)
    })
}

Segunda Chamada

setInterval(()=>{
    timer+=1
},1000)


function checkConnection(){
    fetch ("cart.php",{
        method:"Post",
        body :timer
    })
    .then(
        response=>{
        return response.text()})
    .then(
        response=>{
            console.log(timer)
    })
    .catch(
        error=>{
            console.log(error)
    })
}

let intervalConCheck = setInterval(()=>checkConnection(),1000)

Aqui está o código no meu arquivo PHP

<?php

if(isset($_POST)){
    $data = file_get_contents("php://input");
    $orders = json_decode($data);
    ...rest of code that retrieve data in arrayOrderedProducts...

}
?>

1 respostas

  1. Best Answer

    Para conseguir o que deseja, você precisa modificar seu código JavaScript para enviar o valor do timer separadamente da primeira chamada. Aqui está um exemplo de como você pode estruturar seu código JavaScript:

    let arrayOrderedProducts = [...] // Your array of ordered products
let timer = 0; // Initialize timer

// First Call
if (... /* Button pressed condition */) {
    fetch("cart.php", {
        method: "POST",
        headers: {
            "Content-Type": "application/json; charset=utf-8"
        },
        body: JSON.stringify({ orders: arrayOrderedProducts, timer: timer })
    })
    .then(response => response.text())
    .then(data => {
        console.log(data);
    })
    .catch(error => {
        console.log(error);
    });
}

// Second Call (Timer)
setInterval(() => {
    timer += 1;

    // Update the timer value in the PHP file
    fetch("cart.php", {
        method: "POST",
        headers: {
            "Content-Type": "text/plain"
        },
        body: timer.toString()
    })
    .then(response => response.text())
    .then(data => {
        console.log(data);
    })
    .catch(error => {
        console.log(error);
    });
}, 1000);

    No seu arquivo PHP, você pode manipular os dados recebidos de ambas as chamadas separadamente:

    <?php

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $data = file_get_contents("php://input");

    // Check if the data is JSON (from the first call)
    $jsonData = json_decode($data, true);
    if ($jsonData !== null && isset($jsonData['orders'])) {
        $orders = $jsonData['orders'];
        // Process the $orders array here
        // ...

        // Example: Send a response back to the client
        echo "First call data processed successfully";
    }

    // Check if the data is plain text (from the second call)
    else {
        $timer = intval($data);
        // Process the $timer value here
        // ...

        // Example: Send a response back to the client
        echo "Second call data processed successfully";
    }
}
?>

    Desta forma, é possível distinguir entre os dados enviados na primeira chamada (contendo uma matriz de produtos encomendados) e os dados enviados na segunda chamada (contendo o valor do temporizador). Ajuste a lógica de processamento em seu arquivo PHP com base em seus requisitos específicos.

    • 1

relate perguntas