首页 > 解决方案 > 同一张表双API数据

问题描述

我有问题吗?

我们可以在同一个 JavaScript 页面上连接两个 API 并从同一个表中的两个 API 中检索数据吗?

我想连接两个 API 并在同一个表中显示两个 API 的结果。API 相同,只是 Token 发生了变化。

这是JS中的代码

function csvJSON(csv) {
    const lines = csv.split('\n');
    const result = [];
    const headers = lines[0].split(',');
 
    for (let i = 1; i < lines.length; i++) {
      if (!lines[i]) continue;
      const obj = {};
      const currentline = lines[i].split(',');
 
      for (let j = 0; j < headers.length; j++) {
        obj[headers[j]] = currentline[j];
      }
      result.push(obj);
    }
    return result;
  }

function boutonSubmit(){

bounceType = document.getElementById('BouncesType').value;
datestart = document.getElementById('dateS').value;
dateend = document.getElementById('dateE').value;
//bounceCode = getElementById('#dateS').value;   

// TOTAL BOUNCES

// Récupération des donnèes et convertion     
        fetch(`https://api7.esv2.com/v2/Api/Bounces?apiKey=867xxxxxxxGN&startDate=${this.datestart}&endDate=${this.dateend}&bounceType=${this.bounceType}`)
            .then((response) => response.text())
            .then((txtResponse) => {
            const data = csvJSON(txtResponse);

            const tbody = document.querySelector('#user-table tbody');
            
            tbody.innerHTML = '';

            

        data.forEach( (user) => {
            const entry = document.createElement('tr')
       
        entry.innerHTML = `

            <tr>
                <td class="column1">${user.Date}</td>
                <td class="column2">${user.Email}</td>
                <td class="column3">${user.BounceCode}</td>
                <td class="column3">${user["BounceType "]}</td>
            </tr>
            `;
          
            tbody.appendChild(entry);
                });
            })}


        

先感谢您。

标签: javascriptapi

解决方案


推荐阅读