Clash Royale CLAN TAG

How do I convert jQuery AJAX code to vanilla JavaScript? [duplicate]

This question already has an answer here:

I have an AJAX script in jQuery that I am trying to convert to vanilla Javascript. I Can't seem to convert this. How would I convert this to vanilla JavaScript?

$.ajax({
url: 'csv_data.csv',
dataType: 'text',
}).done(successFunction);

$('body').append(table);


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

2 Answers
2

Using XMLHttpRequest

XMLHttpRequest

var r = new XMLHttpRequest();
r.open('GET', 'csv_data.csv');
r.onreadystatechange = function () {
if (r.readyState != 4 || r.status != 200) return;
successFunction(r.responseText);
};
r.send();


Haven't tested it.

You can use fetch API for Ajax request.

fetch

fetch("csv_data.csv", { headers: { "Content-Type": "text/csv" } })
.then(function(response) {
return response.txt();
})
.then(successFunction);
document.body.appendChild(table);