szit

Felhasználói eszközök

Eszközök a webhelyen

Itt vagy: start » oktatas » programozas » php » php_rest_api » php_mocking
Nyomvonal:
oktatas:programozas:php:php_rest_api:php_mocking

Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

Összehasonlító nézet linkje

Előző változat mindkét oldalonElőző változat
oktatas:programozas:php:php_rest_api:php_mocking [2022/04/10 16:50] – [Egyszerűen tömbből] adminoktatas:programozas:php:php_rest_api:php_mocking [2022/04/10 17:24] (aktuális) – [Lehetséges JavaScript kliens] admin
Sor 176: Sor 176:
 .then(res => { .then(res => {
     console.log(res );     console.log(res );
 +});
 +</code>
 +
 +
 +==== Rendereléssel ====
 +
 +Táblázat a HTML oldalon. 
 +<code html5>
 +        <table class="table table-striped">
 +            <thead>
 +                <tr>
 +                    <th>#</th>
 +                    <th>Név</th>
 +                    <th>Ár</th>
 +                </tr>
 +            </thead>
 +            <tbody id="tableBody">
 +            </tbody>
 +        </table>
 +</code>
 +
 +
 +<code javascript app.js>
 +const tableBody = document.querySelector('#tableBody');
 +
 +var url = 'http://localhost:3000/api/products';
 +fetch(url)
 +.then(res => res.json())
 +.then(res => {
 +    res.forEach(prod => {
 +        console.log(prod.name);
 +        let tr = document.createElement('tr');
 +        let tdId = document.createElement('td');
 +        let tdName = document.createElement('td');
 +        let tdPrice = document.createElement('td');
 +        
 +        tableBody.appendChild(tr);
 +        tr.appendChild(tdId);
 +        tr.appendChild(tdName);
 +        tr.appendChild(tdPrice);
 +        tdId.textContent = prod.id;
 +        tdName.textContent = prod.name;
 +        tdPrice.textContent = prod.price;
 +
 +    });
 }); });
 </code> </code>
  
oktatas/programozas/php/php_rest_api/php_mocking.1649602200.txt.gz · Utolsó módosítás: 2022/04/10 16:50 szerkesztette: admin