Promise e Fetch cosa sbaglio?

[techno]

Ciao a tutti
Devo effettuare dei passaggi dati con una promise in una API fetch ho fatto in questo modo:

async function xhttp(url, obj){
    let response = await fetch(url, {
        method: "POST",
        headers: new Headers({
            "Content-Type": "application/json"
        }),
        body: JSON.stringify(obj)
    }).then(response => {
        if(response.ok){
            let dts = response.json();
            return dts;
        }
    }).catch(error => { console.log(error) });
}

const raceSearch = document.querySelector("input[name=race_search]");
raceSearch.addEventListener("keyup", raceSelect);
function raceSelect(){
let myPromise = new Promise(function(resolve){
let val = this.value;
var obj = {
"catSearch": document.querySelector("input[name=cat_search]").value,
"catRace": val
};
resolve(xhttp("/scr/search.php", obj));
});


myPromise.then(
function(response) {
alert(response);
}
);
}

in PHP ho fatto un semplice script solo per verificare:

$obj = json_decode($_POST["obj"], true);
$catSearch = $obj["catSearch"];
$catRace = $obj["catRace"];
$newjson = [    "Search" => $catSearch,    "Race" => $catRace];
echo json_encode($newjson); 

Mi da questo errore:
Unexpected token < in JSON at position 0

[techno]

Ho provato anche in questo modo:

function raceSelect(){
    let val = this.value;
    var obj = {
        "catSearch": document.querySelector("input[name=cat_search]").value,
        "catRace": val
    };
    xhttp("/scr/search.php", obj).then(dts => {
        dts;
    });
}

ma l'errore rimane probabilmente e dovoto ai dati che passo?

[techno]

Nessun aiuto?

[alka]

Nessun aiuto?

Ci sono troppe parti di codice in gioco, lato client e lato server, e il codice del primo messaggio non è molto leggibile essendo non formattato (è tutto allo stesso livello).

Più che altro, non è la prima discussione che apri sulle Promise, solo che ogni volta sembra come se fosse la prima volta: c'è sempre una incomprensione di fondo riguardo l'asincronicità e l'uso di questo strumento che continua a riemergere, e quando viene risolto per una chiamata o una occasione, si ripresenta puntuale alla successiva, anche se lo scenario è praticamente lo stesso.

Per iniziare, io escluderei la parte server e verificherei qual è il contenuto della richiesta che viene inviata dalla pagina usando i Developer Tools del browser (tasto F12, scheda Rete/Network), in modo da capire cosa viene spedito al server.

Se riesci a pubblicare una versione del codice indentata, si può approfondire ulteriormente il "giro".

Ciao!