More Handlers - Web Development Udacity English Japanese

More Handlers - Web DevelopmentYouTube↗ IA↗(long shot)
Education 9.1K views 9 likes 2 dislikes 22 Apr 2012

Udacity 651K subscribers United States YouTube↗

Okay, let's make some changes to this file.

このファイルに手を加えます

The first thing we're going to do is we're going to get rid of this Google action

まずGoogleのURLを削除し /testformと入れます

and replace it with /testform, and now that's going to cause

これにより送信ボタンをクリックしたとき Googleには飛ばず

our form when we submit it to submit to /testform instead of to Google.

/testformに送信される設定になります

And since our application can only respond to slash,

スラッシュを入れないと

we're going to need to add a handler for that as well.

応答しないのでハンドラを追加します

We'll come down here to our URL handler section,

この部分でURL指定します

and because we only have a handler for slash,

このシステムのハンドラはスラッシュですので

we're going to add another handler for /testform.

/testformと追加しましょう

/testform will be handled by the handler called TestHandler, which doesn't exist yet.

こうするとTestHandlerというハンドラに要求が飛びます

Let's create that.

新しいハンドラが必要です

Okay, so we've added this new handler called TestHandler.

TestHandlerというハンドラを加え

This also has a method on it called get, like our other handler,

ここにもGETメソッドを入れましょう

and what this does is it sets a variable called q, which comes from self.request.

qの値をself.requestと設定します

Like response is the object that represents the response

responseが応答オブジェクトであるように

we're going to send back to the client, request represents the request

requestはブラウザからの要求に応え

that came from the browser, and you can call get on it to get different parameters,

GETを使い違う値を得ることができます

so in this case we're going to get the parameter q.

この場合qの値を得ようとしています

And then all we're going to do is we're going to turn on the response

値を得るために入力するべきコードは

self.response.out.write(q).

self.response.out.write(q).です

So if we go to our browser,

ではブラウザで確認してみましょう

we enter some words, and we hit submit,

言葉を入力し送信ボタンをクリックします

we see the string hello world!

入力した言葉が表示されました

You can see in the URL q = hello World! which is what we answered,

URLにはq=Hello+Worldと出ています

so this is hitting the same URL we were hitting before,

このURLは送信する前と同じURLです

but this time there's a web application on the other end

Webアプリケーションが動いていますので

listening for requests and returning responses.

私たちが送った要求を受け反応したのです

The exclamation mark turned into a %21.

!の表示を見てください

That was the escaping I was referring to before.

前に説明したURLエンコードされています

Okay, now I'd like to make another change.

次に移りましょう

I'm going to comment out these 2 lines and show you something neat.

この部分の2行をコメントアウトします

I'm going to take this content-type line from up here

一度消したContent-typeヘッダを戻します

because we want to print some text, and we want it to work properly.

この行を戻すのはテキストを表示させるためです

This time, instead of writing out q, I'm going to write out self-request itself.

値はqの代わりにself.requestと設定しましょう

Okay, let's go to our browser and try this out.

ではどうなるか試してみましょう

Here's our form.

ブラウザを開き

You may have to go back to URL and reload. That's fine.

一度更新ボタンを押しておきましょう

Type some text in the form and click submit.

何か言葉を入力し送信ボタンをクリックします

When you click submit, what just happened?

送信すると何が起きるでしょう?

Did you see garbage?

不要なデータが表示される

Did you see the HTTP request?

HTTPリクエストが表示される

Do you see a message from the future, or nothing happens at all?

未来からのメッセージが表れる何も起こらない

Similar videos:

Italics
Udacity
49.1K views 16 likes 2 dislikes 23 Feb 2015100% match

Dynamic Content - Web Development
Udacity
6.1K views 2 likes 0 dislikes 23 Feb 2015100% match

Code Organization - Web Development
Udacity
7.2K views 25 likes 1 dislikes 27 May 2012100% match

Content Type - Web Development
Udacity
7.5K views 5 likes 1 dislikes 22 Apr 2012100% match

Whitespace Solution - Web Development
Udacity
15.7K views 10 likes 1 dislikes 23 Feb 2015100% match

The Method Attribute - Web Development
Udacity
9.6K views 14 likes 8 dislikes 22 Apr 2012100% match

Telnet Request - Web Development
Udacity
8.2K views 2 likes 0 dislikes 23 Feb 2015100% match

Whitespace
Udacity
47.8K views 26 likes 4 dislikes 23 Feb 2015100% match

Submitting Input - Web Development
Udacity
6.8K views 5 likes 0 dislikes 22 Apr 2012100% match

Precomputed Caching - Web Development
Udacity
12.2K views 80 likes 0 dislikes 27 May 2012100% match

Shopping List Take 1 - Web Development
Udacity
841 views 1 likes 0 dislikes 23 Feb 2015100% match

Response Headers - Web Development
Udacity
6.4K views 21 likes 4 dislikes 23 Feb 2015100% match

Bold Tag - Web Development
Udacity
53K views 29 likes 0 dislikes 23 Feb 2015100% match

Cookie Examples - Web Development
Udacity
5.4K views 29 likes 2 dislikes 23 Feb 2015100% match

Adding Images
Udacity
12.9K views 36 likes 0 dislikes 23 Feb 2015100% match

File Types
Udacity
34.4K views 11 likes 3 dislikes 23 Feb 2015100% match

App Server Architecture - Web Development
Udacity
14K views 52 likes 5 dislikes 27 May 2012100% match

Ad Networks - Web Development
Udacity
6.7K views 27 likes 3 dislikes 23 Feb 2015100% match

Part 2 - Web Development
Udacity
643 views 2 likes 0 dislikes 07 May 2012100% match

Thing DB - Web Development
Udacity
6.8K views 34 likes 1 dislikes 27 May 2012100% match

Stateless - Web Development
Udacity
9.2K views 35 likes 8 dislikes 23 Feb 2015100% match

Rainbow Tables - Web Development
Udacity
5.6K views 41 likes 12 dislikes 23 Feb 2015100% match

Differences Between Get and Post - Web Development
Udacity
78.3K views 516 likes 18 dislikes 22 Apr 2012100% match

Datastore Types Solution - Web Development
Udacity
656 views 1 likes 0 dislikes 25 Apr 2012100% match

URL Encoding - Web Development
Udacity
13.7K views 17 likes 13 dislikes 22 Apr 2012100% match

Memcached - Web Development
Udacity
13.5K views 115 likes 3 dislikes 23 Feb 201580% match

Frameworks - Web Development
Udacity
28.7K views 154 likes 25 dislikes 23 Feb 201580% match

Reddit Architecture - Web Development
Udacity
27.7K views 397 likes 3 dislikes 27 May 201273% match

Reddit Architecture 2 - Web Development
Udacity
11.1K views 88 likes 2 dislikes 27 May 201273% match

Web 简介
 Udacity
25.7K views 60 likes 0 dislikes 23 Feb 201570% match