Section Rendering & Dynamic Reloading

Dynamic Section Reloading (`?sections=...`) #

The Section Rendering API allows frontend scripts to request rendered HTML for specific `.jw` sections without reloading the complete layout wrapper.

### Fetch Section HTML Snippet:
```javascript
// Fetch section HTML for section ID 102
const response = await fetch('/?sections=102');
const data = await response.json();
const sectionHTML = data['102'];

// Update section container DOM
document.getElementById('jw-section-102').innerHTML = sectionHTML;
```

### Ajax Pagination & Infinite Scroll Example:
```javascript
async function loadNextPage(nextPageUrl, gridContainerId) {
    const response = await fetch(`${nextPageUrl}&sections=product-grid`);
    const data = await response.json();
    
    const tempDiv = document.createElement('div');
    tempDiv.innerHTML = data['product-grid'];
    
    // Append new product cards to active grid container
    const newItems = tempDiv.querySelectorAll('.product-card');
    const grid = document.getElementById(gridContainerId);
    newItems.forEach(item => grid.appendChild(item));
}
```

Section Rendering & Dynamic Reloading

Dynamic Section Reloading (`?sections=...`) #

Endpoint Title