XMLHttpRequest从php获取数据如何加载到html div和level上

Question

请有人帮我解决这个问题。

我正在使用 XMLHttpRequest 从 php 获取数据作为 json 数组，这是数据。

我从 php 获取的数据

使用此代码

const API_PATH = 'http://localhost/api/';
window.onload = function(){
var request = new XMLHttpRequest();
request.onreadystatechange = function() {
document.getElementById("all_service").innerHTML = this.responseText;

};

request.open('GET', API_PATH + 'getServices.php');
request.send(null);
}

如何在 div 和级别上加载

<div id="all_service">
    <label class="service-name">Service Name</label>
    <label class="service-description">description</label>
    <label class="service-offers">deals</label>
    <img   class="service_image" src="img/service1.png">
</div>