Преобразуйте Ajax, чтобы прекратить использовать jQuery

Question

Я использую Ajax с jQuery для сохранения изображений с холста следующим образом:

HTML

<script src="https://code.jquery.com/jquery-3.4.0.min.js"></script>
<script src="javascript/take_pic.js"></script>

take_pic.js

$.ajax({
      method: "POST",
      url: "pictureController.php",
      data: { canvasData }
       }).done(function(data){
          console.log("Success");
       }).fail(function(html){
          console.log("Fail");
});

pictureController.php

if(isset($_POST['canvasData']))
{
    $data = $_POST['canvasData'];
    saveData($data);
}

function saveData($data)
{
    //...
}

Это работало отлично вчера, но перестало работать сегодня .. Похоже, что pictureController.php больше не вызывается! Что странно, это то, что console.log регистрирует success ..

Я бы хотел прекратить использовать jQuery и использовать только Ajax. Как я могу обновить свой JavaScript для этого?

Спасибо!

Answer 1

Эй, вы можете сделать это с:

const req = new XMLHttpRequest();

req.onreadystatechange = function(event) {
    // XMLHttpRequest.DONE === 4
    if (this.readyState === XMLHttpRequest.DONE) {
        if (this.status === 200) {
            console.log("Réponse reçue: %s", this.responseText);//ur response is here 
        } else {
            console.log("Status de la réponse: %d (%s)", this.status, this.statusText);
        }
    }
};

req.open('POST', 'http://www.exemple.com/pictureController.php', true);//url to get and method here
req.send({ canvasData });//data to send here 

и для получения дополнительной документации прочитайте это