Fetch api sendet keine POST-Daten

Question

Ich versuche die Fetch-API zum ersten Mal und ich versuche, eine Variable an ein PHP-Skript POST. Ich tat das gleiche mit jQuery.ajax(), die funktioniert haben.

var myRequest = new Request('invoeren.php', {method: 'POST', body: JSON.stringify({name: name})}); 

fetch(myRequest).then(function(response) { 
    console.log(response); 
}); 

Das gibt mir Undefined index 'name' zurück.

Was mache ich falsch?

Die Arbeits jQuery-Code:

$.ajax({ 
    url: "invoeren.php", 
    method: "POST", 
    data: { name : name} 
}).done(function(msg) { 
    console.log(msg); 
}).fail(function(jqXHR, textStatus) { 
    alert("Naam is niet ingevoerd door een probleem: " + jqXHR); 
}); 

Die PHP-Script:

try { 
    $dbh = new PDO('mysql:host=localhost;dbname=ajaxoef', $user, $pass); 
    $stmt = $dbh->prepare('INSERT INTO names(name) VALUES (:name)'); 
    $stmt->bindParam(':name', $name); 

    $name = json_decode($_POST['name']); 
    $stmt->execute(); 

    echo "Naam is ingevoerd."; 
} catch (PDOException $e) { 
    print "Error!: " . $e->getMessage() . "<br/>"; 
    die(); 
} 

Answer 1

Die Arbeits jQuery-Code

Daten: {name: name}

… damit Wenn Sie jQuery verwenden, senden Sie WWW URL Form Encoded data (die standardmäßige jQuery-Codierung).

body: JSON.stringify({name: name}) 

... aber wenn man holen schaltet, können Sie auch das Objekt JSON zu konvertieren.

JSON ist nicht WWW URL Form Encoded!

Sie haben vermutlich das PHP nicht neu geschrieben, um JSON zu erwarten, und versuchen wahrscheinlich, von $_POST zu lesen (was leer ist, da PHP standardmäßig keine JSON-codierten Anfragen unterstützt).

Sie können ein FormData-Objekt erstellen, das so codiert wird, dass PHP es standardmäßig parst.

var body = new FormData; 
body.append("name", name); 
//... 
body: body