Undefined array key 'val' - chiamata ajax

[techno]

Ciao a tutti
Devo effettuare una richiesta ajax con fetch inviando un valore questo è quello che ho fatto:

async function http(data) {
        const objdt = {
            val: data
        }
        const response = await fetch("lib/bot.php", {
            method: "POST",
            hedaers: {"Content-type": "application/x-www-form-urlencoded; charset=UTF-8"},
            body: JSON.stringify({objdt})
        })
        .then(response => response.text())
            .then(data => inschat(data))
        .catch(err => console.log(err));
}

var inschat = (dt) => {
        alert(dt.data);
}

const inpChat = document.querySelector("input[name=chat_input_text]");
inpChat.addEventListener("keypress", (event) => {
        if(event.keyCode === 13 && inpChat.value !== ""){
            let data = inpChat.value;
            http(data);
        }
});

E questo è un semplice codice in php giusto per vedere se passano i valori:

$dt = trim($_POST["val"]);
echo $dt 

Il problema e che mi da errore warning Undefined array key 'val'
Un consiglio grazie sono davvero bloccato in questo punto

[ninja72]

Penso che sia solo un errore di parse.

body: new URLSearchParams(objdt)

comunque se utilizzi "async | await" evita il ".then", sono complementari ma il primo è più recente e moderno come approccio.

async function http(data) {

    const objdt = {
        val: data,
    }

    const response = await fetch("http://localhost:3000/bot.php", {
        method: "POST",
        mode: 'no-cors',
        headers: {
            "Content-type": "application/x-www-form-urlencoded"
        },
        body: new URLSearchParams(objdt)
    })

    return response.text()
}

const inpChat = document.querySelector("input[name=chat_input_text]")

inpChat.addEventListener("keypress", ({ keyCode }) => {
    if (keyCode === 13 && inpChat.value !== "") {
        let data = inpChat.value
        http(data)
    }
})

[ciro78]

Ciao a tutti
Devo effettuare una richiesta ajax con fetch inviando un valore questo è quello che ho fatto:

async function http(data) {
        const objdt = {
            val: data
        }
        const response = await fetch("lib/bot.php", {
            method: "POST",
            hedaers: {"Content-type": "application/x-www-form-urlencoded; charset=UTF-8"},
            body: JSON.stringify({objdt})
        })
        .then(response => response.text())
            .then(data => inschat(data))
        .catch(err => console.log(err));
}

var inschat = (dt) => {
        alert(dt.data);
}

const inpChat = document.querySelector("input[name=chat_input_text]");
inpChat.addEventListener("keypress", (event) => {
        if(event.keyCode === 13 && inpChat.value !== ""){
            let data = inpChat.value;
            http(data);
        }
});

E questo è un semplice codice in php giusto per vedere se passano i valori:

$dt = trim($_POST["val"]);
echo $dt 

Il problema e che mi da errore warning Undefined array key 'val'
Un consiglio grazie sono davvero bloccato in questo punto

techno ho modificato il titolo. Sei storico del forum dovresti sapere come fare....