Name: 2.3 使用fetch()的HTTP Post請求--在JavaScript中使用數據和API工作 (2.3 HTTP Post Request with fetch() - Working with Data and APIs in JavaScript)
Uploaded: 2021-01-14T10:43:11.000Z
Duration: 16 min 2 s
Description: 【看影片學英語】數萬部 YouTube 影片，搭配英漢字典即點即查，輕鬆掌握單字發音與用法，長久累積看電影不必再看字幕。

過去簡單式

I don't know what you did since the last video,

In this video, I am going to do something important,

What I want to do is take data from the client, the latitude

Ultimately, the point of this is for the server

I just want to say, the client executes its own client side

JavaScript, gets the latitude and longitude,

and sends that data to the server and the server

I'm going to need to look at three things

This is the place, the end point for the API, the address

at which I will send the data to and later also make

I need to look at adding JSON parsing to express.

And then I also need to look at adapting the fetch function

to specify a POST request, a request that is posting data

So I want to set up a route on my server.

So the way that I do that is by specifying

this particular route, will either be a Get or a POST.

Now, once I have a post, I want to specify both the address

where I want to receive that POST, as well as a callback

function where I'm going to look at the information coming in

set up the endpoint for this particular route.

And I could call it anything I want, like Unicorn, Cupcake,

All right, I'll give it a name that's maybe more appropriate.

is setting up an application programming interface.

This is my API for clients to send data to me.

Next, I'm going to set up a callback, request response,

and I'm using the ES6, JavaScript ES6 arrow syntax.

Just sort of a nice, clean way of putting this in here.

So the function is here and it has two arguments, request

that's contained within that request, all the data that's

to know about that particular client that's

The response is a variable that I can use to send things back

So I'm going to need ultimately to do stuff there,

going to leave it like that because let's at least see

if we can get this working and see if we can see

The next step is to have my client send something

So I want to fetch my post over to slash API endpoint.

is confusing, server and index.js, client

to send this latitude and longitude as soon as I've

This is what I did in the previous video.

And so now, what I can do is I'll setup--

I'm just going to make up an object called Data,

and what I want to send is the latitude and longitude

So you might think all I need to do if I were just

a Get, regular Get request like I did in previous videos,

and I might actually do that a little later when I just

do a Get request and get the data that's in the database.

But right now, what I want to do is send a POST.

In order to send a POST, I need a second argument here,

I'm going to call it options, and that way I

字幕列表影片播放

2.3 使用fetch()的HTTP Post請求--在JavaScript中使用數據和API工作 (2.3 HTTP Post Request with fetch() - Working with Data and APIs in JavaScript)

stuff

ultimately

grab

express