When trying out http function, ensure response is rendered
This commit is contained in:
@@ -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;
|
||||||
});
|
});
|
||||||
});
|
|
||||||
|
|
||||||
})
|
})
|
||||||
})();
|
})();
|
||||||
|
|||||||
Reference in New Issue
Block a user