request json from html using JavaScript

Question

I am unable to request JSON from HTML using request.

I am using the request package from npm.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>MySite!</title>
  </head>
  <body>
      <h2>
        its ya boi 
      </h2>
      <button onclick=ree>workkkkk</button>
      <script>
    const request = require('request')
    function ree() {
    request('https://api-quiz.hype.space/shows/now',(error,response,body) => { //requests data from the hq trivia api
    //bodys = JSON.parse(body)
    //document.getElementById("para").innerHTML = (bodys.nextShowPrize)
    //console.log(`Next game: ${body.nextShowTime}`)
    alert(body)
    })}
      </script>
  </body>
</html>

In what way is this code failing? Are you getting an error? An unexpected result? Something else? Is there anything on the browser's development console? In the browser's debugging tools, is the AJAX request made? What is the server's response? When you step through in the browser's script debugger, what happens? — David
– David, Commented May 19, 2019 at 21:02

Olian04 · Accepted Answer · 2019-05-19 21:00:37Z

1

You could use fetch.

fetch('https://api-quiz.hype.space/shows/now')
  .then(res => res.json())
  .then(console.log)

answered May 19, 2019 at 21:00

Olian04

6,9002 gold badges31 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

SkrtOnDiscord Over a year ago

how could i make it replace the text with the json

Olian04 Over a year ago

@SkrtOnDiscord which text exactly?

Collectives™ on Stack Overflow

request json from html using JavaScript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related