Javascript XHR GET请求参数对象

因此，我试图找出如何使用GET请求对参数进行XHR格式化，如下所示：

https://api.com/endpoint？id=userId&list=list1%5D=1&list=list2%5D=1

我正在构建一个名为List的对象，它看起来像

const lists = {
   'list1' : 1,
   'list2': :1
}

我知道这适用于$.ajax，如下所示：

    $.ajax({
      url: 'https://api.com/endpoint',
      dataType: 'json',
      data: {
        "type": "POST",
        "id": userId,
        "lists": lists
      }
    })

但我需要用香草JS来做这件事。我尝试了以下方法：

    const params = `type=POST&id=${userId}&lists=${lists}`
    const xhr = new XMLHttpRequest()

    xhr.open('GET', `https://api.com/endpoint${params}`);

    xhr.send(encodeURI(params))

这只是试图击中：

https://api.com/endpoint&type=POST&id=userId&lists=[对象%20对象]

因此，我的主要任务是尝试获取URL来格式化列表参数

---

&list=list1%5D=1&list=list2%5D=1

我希望这是有道理的

---

干杯

使用POST方法发送对象时更简单。

&list=list1%5D=1&list=list2%5D=1

是错误的url编码