Try it Yourself: JSON JSONP

JSON JSONP

<!DOCTYPE html>
<html>
<body>

<h2>Result</h2>
<p id="demo"></p>

<script>
function handleData(data) {
  console.log('Received via JSONP:', data);
}

const script = document.createElement('script');
script.src = 'https://api.example.com/data?callback=handleData';
document.body.appendChild(script);

// The server's response body is literally JavaScript text, like:
// handleData({"id":1,"name":"Sample"});
</script>

</body>
</html>

<!DOCTYPE html>
<html>
<body>

<h2>Result</h2>
<p id="demo"></p>

<script>
function handleData(data) {
  console.log('Received via JSONP:', data);
}

const script = document.createElement('script');
script.src = 'https://api.example.com/data?callback=handleData';
document.body.appendChild(script);

// The server's response body is literally JavaScript text, like:
// handleData({"id":1,"name":"Sample"});
</script>

</body>
</html>