javascript - 如何从这段代码中删除 jQuery？

Question

由于某种原因，我不想在此 JavaScript 代码中使用 jQuery:

$(function() {
  var url = ; //webhook URL here
  var content = "Hiii";
  var username = "Hi";
  $.post(url, {"content": content, "username": username});
  });

有什么方法可以将其转换为不需要 jQuery 的代码吗？

Answer 1

首先，您可以将 $() 替换为类似的内容

document.addEventListener('DOMContentLoaded', (e) => {})

其次，如果您只针对较新的浏览器，则可以使用 fetch。

document.addEventListener('DOMContentLoaded', (e) => {
    var url = ; //webhook URL here
    var content = "Hiii";
    var username = "Hi";
    fetch(url, {
        method: 'POST',
        body: JSON.stringify({
            content: content,
            username: username,
        })
    });
});

或回退到使用普通 XHR

var oReq = new XMLHttpRequest();
oReq.open("POST", url, true);
oReq.send({
        content: content,
        username: username,
});