Kann jemand diese jQuery in normale js übersetzen?

Question

So habe ich eine E-Mail-Sende-Funktion auf meiner Cordova App und es verwendet jQuery, um es zu tun. Beim Debuggen meiner App funktioniert die Ajax-Funktion beim Testen in meinem Browser einwandfrei, aber wenn ich die App erstelle und sie auf meinem Smartphone ausprobiere, funktioniert sie nicht. Ich hatte ein anderes Problem wie dieses, das nur behoben wurde, sobald ich normale js anstelle von jQuery verwendete. Hier ist die Funktion:

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"); 
    } 
}); 

Wer weiß, wie es zu übersetzen in der normalen js? Danke

Answer 1

Sie müssen XMLHttpRequest Objekt verwenden, um einen ajax Aufruf mit Vanille JS zu machen.

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);