提取API不发送POST数据

Question

I'm trying the Fetch API for the first time and I'm trying to POST a variable to a PHP script. I did this same this with jQuery.ajax() which did work.

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

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

This returns to me Undefined index 'name' .

What am I doing wrong?

The working 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 );
});

The 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

The working jQuery code

data: { name : name}

… so when you used jQuery you send WWW URL Form Encoded data (the default jQuery encoding).

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

… but when you switched to fetch, you also converting the object to JSON.

JSON is not WWW URL Form Encoded!

You, presumably, haven't rewritten the PHP to expect JSON, and are probably trying to read from $_POST (which is empty, because PHP doesn't support JSON encoded requests by default).

You can construct a FormData object which will be encoded in a way that PHP will parse by default.

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