javascript - 有谁知道如何将这个 jQuery 翻译成普通的 js？

Question

所以我在我的 cordova 应用程序上有一个电子邮件发送功能，它使用 jQuery 来完成。调试我的应用程序时，ajax 函数在我的浏览器中测试时工作正常，但是当我构建应用程序并在我的手机上测试它时，它不起作用。我有另一个这样的问题，只有在我使用普通 js 而不是 jQuery 后才得到解决。这是函数:

var message = localStorage.getItem("Message");
var key = "dJdJekCVAFIqvUJ13DEczZjgIh_4MyeIGEHz2GBYKFe"; // <<KEY
var message_name = "defender_send_message";    // <<MESSAGE NAME
var url = "https://maker.ifttt.com/trigger/" + message_name + "/with/key/" + key;
$.ajax({  // <<SEND
  url: url,
  data: {value1: message,
         value2: localStorage.getItem("AdminsEmail")},
  dataType: "jsonp",
  complete: function(jqXHR, textStatus) {
    console.log("Message Sent");
  } 
});  

有谁知道如何将它翻译成普通的js？谢谢

Answer 1

您需要使用 XMLHttpRequest 对象来使用 vanilla JS 进行 ajax 调用。

var message = localStorage.getItem("Message");
var key = "dJdJekCVAFIqvUJ13DEczZjgIh_4MyeIGEHz2GBYKFe";
var message_name = "defender_send_message";
var url = "https://maker.ifttt.com/trigger/" + message_name + "/with/key/" + key;
var data = {};

data.value1 = message;
data.value2 = localStorage.getItem("AdminsEmail");

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
  if (xmlhttp.readyState == XMLHttpRequest.DONE) {
    if (xmlhttp.status == 200) {
      console.log("Message Sent");
    }
  }
}

xmlhttp.open('POST', url, true);
xmlhttp.responseType = 'jsonp';
xmlhttp.send(data);