What is the difference between the two requests?

Question

AJAX

Why does the first request return 200,

fetch("https://api.peopledatalabs.com/v5/autocomplete?api_key=someAPIKey&field=location")

and the second 400/401?

fetch(`https://api.peopledatalabs.com/v5/autocomplete`, {
    "api_key": "someAPIKey",
    "field": "location"
    });

Answer 1

Because the second request does not send api_key and field to the server.

What is the difference between the two requests?

Open the debugger and examine what is being sent

Answer 2

Learn more about the fetch method: learn.javascript | MDN