29 lines
607 B
JavaScript
29 lines
607 B
JavaScript
|
const productsList = document.getElementById('products');
|
||
|
|
|
||
|
|
const loadItems = () => {
|
||
|
|
const xhttp = new XMLHttpRequest();
|
||
|
|
|
||
|
|
xhttp.onload = function() {
|
||
|
|
const products = JSON.parse(this.responseText);
|
||
|
|
|
||
|
|
const boxes = products.map(product =>
|
||
|
|
`<div class="product">
|
||
|
|
<input type="checkbox" class="delete-checkbox" value="${product.id}">
|
||
|
|
<p>
|
||
|
|
${product.sku}<br>
|
||
|
|
${product.name}<br>
|
||
|
|
${product.price} $<br>
|
||
|
|
${product.attribute}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
`)
|
||
|
|
|
||
|
|
productsList.innerHTML = boxes.join('\n');
|
||
|
|
}
|
||
|
|
|
||
|
|
xhttp.open('GET', 'view/products.php', true);
|
||
|
|
xhttp.send();
|
||
|
|
}
|
||
|
|
|
||
|
|
loadItems();
|