When trying out http function, ensure response is rendered

This commit is contained in:
Peter Stockings
2023-12-16 20:09:50 +11:00
parent 7293801ddd
commit efa815c5cb

View File

@@ -77,7 +77,7 @@
<div class="px-4 py-4 rounded-b-lg border border-t-0 border-gray-300">
<div class="react-tabs__tab-panel react-tabs__tab-panel--selected" role="tabpanel" id="panel:r1:0"
aria-labelledby="tab:r1:0">
<code id="response"></code>
<code id="response-body"></code>
</div>
<div class="react-tabs__tab-panel hidden" role="tabpanel" id="panel:r1:1" aria-labelledby="tab:r1:1">
<table class="text-left">
@@ -98,7 +98,7 @@
<script>
(function () {
const send_request_btn = document.getElementById('send-request');
const response = document.getElementById('response');
const response_body_el = document.getElementById('response-body');
send_request_btn.addEventListener('click', () => {
const url = document.querySelector('input[name="url"]').value;
@@ -114,11 +114,11 @@
body,
headers: {
}
}).then(response => {
response.text().then(text => {
response.innerHTML = text;
})
.then(response => response.text())
.then(text => {
response_body_el.innerText = text;
});
});
})
})();