누구나이 jQuery를 일반 js로 변환하는 방법을 알고 있습니까?

Question

그래서 내 cordova 응용 프로그램에 전자 메일 보내기 기능이 있으며 jQuery를 사용하여 전자 메일 기능을 전송합니다. 내 응용 프로그램을 디버깅 할 때 ajax 함수는 브라우저에서 테스트 할 때 잘 작동하지만 응용 프로그램을 빌드하고 내 전화에서 테스트하면 작동하지 않습니다. 이 문제는 jQuery 대신 일반 js를 사용하는 경우에만 수정 된 문제가있었습니다. 함수는 다음과 같습니다.

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

바닐라 JS를 사용하여 ajax 전화를 걸려면 XMLHttpRequest 개체를 사용해야합니다.

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