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

Код IT Загрузка примера кода…

<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>