Код IT
← Каталог

Пример реализации бэкенда на C# — 4.1. Через JavaScript (SPA или статический HTML)

Фрагмент из «Пример реализации бэкенда на C#»: 4.1. Через JavaScript (SPA или статический HTML).

html csharpencyclopedia47 embed URL статья в энциклопедии
HTML main.html 
<button onclick="fetchPrice(1)">Показать цену товара 1</button>
<div id="result"></div>

<script>
async function fetchPrice(productId) {
    const response = await fetch(`/api/products/${productId}`);
    if (response.ok) {
        const product = await response.json();
        document.getElementById('result').innerText = 
`Товар: ${product.name}, Цена: ${product.price} ₽`;
    } else {
        document.getElementById('result').innerText = 'Товар не найден';
    }
}
</script>
<button onclick="fetchPrice(1)">Показать цену товара 1</button>
<div id="result"></div>

<script>
async function fetchPrice(productId) {
    const response = await fetch(`/api/products/${productId}`);
    if (response.ok) {
        const product = await response.json();
        document.getElementById('result').innerText = 
`Товар: ${product.name}, Цена: ${product.price} ₽`;
    } else {
        document.getElementById('result').innerText = 'Товар не найден';
    }
}
</script>