如何将 jQuery AJAX 代码转换为原生 JavaScript？ [复制]答案

【问题标题】：How do I convert jQuery AJAX code to vanilla JavaScript? [duplicate]如何将 jQuery AJAX 代码转换为原生 JavaScript？ [复制]
【发布时间】：2019-01-06 00:25:32
【问题描述】：

我在 jQuery 中有一个 AJAX 脚本，我正在尝试将其转换为原生 Javascript。我似乎无法转换它。我如何将其转换为原生 JavaScript？

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

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

【问题讨论】：

那是纯 JavaScript。你的意思是你不想使用jQuery？
fetch(url, request).then(function(respose) { successFunction(response)})
可以在github上查看jquery的源码
How to make an AJAX call without jQuery?

标签： javascript jquery ajax

【解决方案1】：

使用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();

没有测试过。

【讨论】：

【解决方案2】：

您可以使用fetch API 进行 Ajax 请求。

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

【讨论】：