XMLHttpRequest函数仅在上次调用中返回数据

Question

我的问题是...

我做了一个javascript函数，使用XMLHttpRequest通过POST方法从数据库中获取了一些数据，如果我仅使用此函数一次，则可以按我的方式工作，但是我需要在项目中多次调用此函数当我调用2次或更多次时，只有最后一个请求给我一些数据，第一个仅显示POST方法的主体，但不返回数据，因此问题是...

每次调用时如何使此功能起作用？

如果你们能告诉我为什么现在会发生这种情况，我也将不胜感激

我每次都在函数中记录日志，以查看发生了什么，并且每次都有POST方法请求的正文，但是只有最后一个函数会获得返回的数据，其他函数甚至会返回某些东西...

我的功能：

var xhr = new XMLHttpRequest();

function getListOfProducts(id, paramsCat, paramsSubcat, insertCheckout) {
  var params1 = {
    id_categoria: paramsCat,
    id_subcategoria: paramsSubcat,
    slug: "",
  };
  console.log(params1);

  xhr.open("POST", url);
  xhr.onload = function () {
    console.log("Loaded");
    var parse = JSON.parse(xhr.response);
    var products = parse.results;
    console.log(products);
  };
  xhr.send(JSON.stringify(params1));
}

Answer 1

根据建议，您可以使用访存。在现有代码中，每次调用时都创建XMLHttpRequest对象。

Answer 2

尝试这样：