如何正确发出AJAX POST请求

时间:2017-10-11 18:51:56

标签: javascript php ajax post

我需要一些帮助。我不能用javascript发出POST请求..我不想在第一时间使用jQuery。我不知道为什么我的$ _POST是空的..

这是我的scores.php文件。

<?php

$method = $_SERVER['REQUEST_METHOD'];
$file   = __DIR__ . '/scores.json';
$scores = file_get_contents($file);

if ($method === 'GET') {
echo $scores;
} else if ($method === 'POST') {
$scores   = json_decode($scores, TRUE);
$scores[] = [
    'name'   => $_POST['name'],
    'scores' => (int) $_POST['scores'],
];

usort($scores, function($a, $b) {
    $scoresA = $a['scores'];
    $scoresB = $b['scores'];

    if ($scoresA === $scoresB) {
        return 0;
    }

    return $scoresA < $scoresB ? 1 : -1;
});

$scores = json_encode($scores);

file_put_contents($file, $scores);

echo $scores;
} else {
echo 'Method not allowed.';
}

这是我在frogGame.js文件中的一些代码:

function setScores(){
let xhttp = new XMLHttpRequest();
xhttp.open("POST", "scores.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("name=Henry&scores=2542");

}

setScores();

1 个答案:

答案 0 :(得分:0)

你应该用这个:

{{1}}