fetch + Request ovject

by t2t2

HTML

<p>Request object:</p>
<div id="result1"></div>
<hr />
<p>url + Request object:</p>
<div id="result2"></div>
<hr />
<p>url + object:</p>
<div id="result3"></div>

JavaScript

// Using request object
const req = new Request('/echo/json/?case=1', {
	method: 'POST',
  body: 'json={"req":"Request Object"}',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  }
});

fetch(req)
  .then(res => res.text())
  .then(res => document.getElementById('result1').innerText = res)

// Using url + request object
const req2 = new Request('/echo/json/?case=2', {
	method: 'POST',
  body: 'json={"req":"url and Request Object"}',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  }
});

fetch(req2.url, req2)
  .then(res => res.text())
  .then(res => document.getElementById('result2').innerText = res)

// Using url + object
fetch('/echo/json/?case=3', {
	method: 'POST',
  body: 'json={"req":"url and object"}',
  headers: {
    'Content-Type': 'application/x-www-form-urlencoded; charset=utf-8'
  }
})
  .then(res => res.text())
  .then(res => document.getElementById('result3').innerText = res)