javascript - 获取对 ajax 事件中单击的按钮的引用

Question

我正在寻找一种方法来获取 ajax 事件内的调用者按钮/链接的引用。例如:

var oReq = new XMLHttpRequest();
oReq.addEventListener("load", reqListener);
oReq.open("GET", "http://www.example.org/example.txt");
oReq.send();

 function reqListener () {
  console.log(this.responseText);
}

在 reqListener 函数中，获取按钮 id/class 等。(我说的是 isTrusted=true 时的情况)

您可以在下面找到加载事件，它显示在控制台中。唯一的引用是 xhr 对象本身:

Answer 1

我将为 xhr 调用创建一个处理程序，并引用其闭包中的按钮。像这样的事情可能会有所帮助:(由于 cors，get 在代码片段中不起作用)

document.getElementById('btn').addEventListener("click", handleClick);

function handleClick(e) {
  console.log('clicked')
  var oReq = new XMLHttpRequest();
  oReq.onload = console.log;//getReqListener(e.target);
  oReq.open("GET", "https://www.example.com/example.txt");
  oReq.send();

}

function getReqListener(target) {
  console.log('getreq')
  return function(data) {
    console.log('fetched');
    console.log(target.text)
    console.log(data)
  }
}

<button id="btn">click me</button>