时间戳

首页 > 解决方案 > 转换 Ajax 以停止使用 jQuery

javascript - 转换 Ajax 以停止使用 jQuery

问题描述

我一直在使用 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");
});

图片控制器.php

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

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

这昨天工作得很好，但今天停止工作.. 似乎不再调用 pictureController.php 了！奇怪的是console.log日志success..

我想停止使用 jQuery 并只使用 Ajax，如何更新我的 JavaScript 来做到这一点？

谢谢！

标签： javascriptphpjqueryajax

解决方案

嘿，你可以这样做：

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

有关更多文档，请阅读此

推荐阅读