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