如何使用javascript将jenkins数据添加到HTML页面

<div id="jenkinsData"></div>

// 使用AJAX获取Jenkins数据
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://your-jenkins-api-url', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var jenkinsData = JSON.parse(xhr.responseText);
    // 将Jenkins数据添加到HTML页面中
    var jenkinsDataContainer = document.getElementById('jenkinsData');
    jenkinsDataContainer.innerHTML = JSON.stringify(jenkinsData);
  }
};
xhr.send();

// 示例：展示Jenkins构建状态
var jenkinsDataContainer = document.getElementById('jenkinsData');
var buildStatus = jenkinsData.buildStatus;
var statusElement = document.createElement('p');
statusElement.textContent = 'Jenkins构建状态：' + buildStatus;
jenkinsDataContainer.appendChild(statusElement);