How do I convert jQuery AJAX code to vanilla JavaScript?

Question

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

That is plain javascript. Do you mean you don't want to use jQuery? — Mark, Jul 29 '18 at 16:34
fetch(url, request).then(function(respose) { successFunction(response)}) — Egor Egorov, Jul 29 '18 at 16:35
[How to make an AJAX call without jQuery?](https://stackoverflow.com/questions/8567114/how-to-make-an-ajax-call-without-jquery) — Jonathan Lonowski, Jul 29 '18 at 16:36

score 1 · Accepted Answer · answered Jul 29 '18 at 16:41

1

Using 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.

answered Jul 29 '18 at 16:41

Alvaro Castro

811
1
9
26

Arup Rakshit · Answer 2 · 2018-07-29T16:41:42.963

0

You can use fetch API for Ajax request.

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

edited Jul 29 '18 at 16:41

answered Jul 29 '18 at 16:35

Arup Rakshit

116,827
30
260
317

How do I convert jQuery AJAX code to vanilla JavaScript?

2 Answers2