Widget:NVK-Text-Test: Unterschied zwischen den Versionen
Aus Altes Köln
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 5: | Zeile 5: | ||
<script> | <script> | ||
(function () { | (function () { | ||
const url = 'https://nvk.genealogy.net/karte/YYY'; // Ziel-URL | |||
const url = 'https://nvk.genealogy.net/karte/YYY'; // | |||
const textContainer = document.getElementById('output-text'); | const textContainer = document.getElementById('output-text'); | ||
fetch(url, { | fetch(url, { | ||
method: 'GET', | method: 'GET', | ||
headers: { | headers: { | ||
'Accept': 'text/html', | 'Accept': 'text/html', | ||
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36' | 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36' | ||
} | } | ||
}) | }) | ||
.then(response => { | .then(response => { | ||
// | if (!response.ok) { | ||
return | console.warn(`Warnung: Serverstatus ist ${response.status}`); | ||
} | |||
// Direkt den Body-Stream lesen, um Text frühzeitig zu extrahieren | |||
const reader = response.body.getReader(); | |||
const decoder = new TextDecoder('utf-8'); | |||
let result = ''; | |||
return reader.read().then(function process({ done, value }) { | |||
if (done) { | |||
return result; // Gesamten Text zurückgeben | |||
} | |||
result += decoder.decode(value, { stream: true }); // Dekodieren des Streams | |||
return reader.read().then(process); // Nächsten Chunk lesen | |||
}); | |||
}) | }) | ||
.then( | .then(data => { | ||
// Zeige den extrahierten Text an | |||
textContainer.textContent = data.trim(); | |||
// Zeige den | |||
textContainer.textContent = | |||
}) | }) | ||
.catch(error => { | .catch(error => { | ||
console.error('Fehler beim Abruf der Daten:', error); | console.error('Fehler beim Abruf der Daten:', error); | ||
textContainer.textContent = 'Abruf fehlgeschlagen: Der Server konnte nicht vollständig erreicht werden.'; | textContainer.textContent = 'Abruf fehlgeschlagen: Der Server konnte nicht vollständig erreicht werden.'; | ||
}); | }); | ||
})(); | })(); | ||
</script> | </script> |
Aktuelle Version vom 25. Januar 2025, 17:15 Uhr
Lade Daten...
<script>
(function () { const url = 'https://nvk.genealogy.net/karte/YYY'; // Ziel-URL const textContainer = document.getElementById('output-text');
fetch(url, { method: 'GET', headers: { 'Accept': 'text/html', 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36' } }) .then(response => { if (!response.ok) { console.warn(`Warnung: Serverstatus ist ${response.status}`); } // Direkt den Body-Stream lesen, um Text frühzeitig zu extrahieren const reader = response.body.getReader(); const decoder = new TextDecoder('utf-8'); let result = ;
return reader.read().then(function process({ done, value }) { if (done) { return result; // Gesamten Text zurückgeben } result += decoder.decode(value, { stream: true }); // Dekodieren des Streams return reader.read().then(process); // Nächsten Chunk lesen }); }) .then(data => { // Zeige den extrahierten Text an textContainer.textContent = data.trim(); }) .catch(error => { console.error('Fehler beim Abruf der Daten:', error); textContainer.textContent = 'Abruf fehlgeschlagen: Der Server konnte nicht vollständig erreicht werden.'; }); })();
</script>