66 lines
2.0 KiB
Markdown
66 lines
2.0 KiB
Markdown
---
|
||
id: 587d7fb2367417b2b2512bf5
|
||
title: 從客戶端獲取輸入的路由參數
|
||
challengeType: 2
|
||
forumTopicId: 301513
|
||
dashedName: get-route-parameter-input-from-the-client
|
||
---
|
||
|
||
# --description--
|
||
|
||
在構建 API 時，要讓用戶告訴我們他們想從服務中獲取什麼。 舉個例子，如果客戶請求數據庫中存儲的用戶信息，他們需要一種方法讓我們知道他們對哪個用戶感興趣， 使用路由參數可以實現這個需求。 路由參數是由斜槓（/）分隔的 URL 命名段， 每一小段能捕獲與其位置匹配的 URL 部分的值， 捕獲的值能夠在 `req.params` 對象中找到。
|
||
|
||
<blockquote>路由地址：'/user/:userId/book/:bookId'<br> 實際請求 URL：'/user/546/book/6754'<br> req.params：{userId: '546', bookId: '6754'}</blockquote>
|
||
|
||
# --instructions--
|
||
|
||
在路由 `GET /:word/echo` 中構建一個響應服務， 響應一個採用 `{echo: word}` 結構的 JSON 對象。 可以在 `req.params.word` 中找到要重複的單詞， 可以在瀏覽器的地址欄測試你的路由，訪問一些匹配的路由，比如：`your-app-rootpath/freecodecamp/echo`。
|
||
|
||
# --hints--
|
||
|
||
測試 1：你的 echo 服務應該正確地重複單詞
|
||
|
||
```js
|
||
(getUserInput) =>
|
||
$.get(getUserInput('url') + '/eChOtEsT/echo').then(
|
||
(data) => {
|
||
assert.equal(
|
||
data.echo,
|
||
'eChOtEsT',
|
||
'Test 1: the echo server is not working as expected'
|
||
);
|
||
},
|
||
(xhr) => {
|
||
throw new Error(xhr.responseText);
|
||
}
|
||
);
|
||
```
|
||
|
||
測試 2：你的 echo 服務應該正確地重複單詞
|
||
|
||
```js
|
||
(getUserInput) =>
|
||
$.get(getUserInput('url') + '/ech0-t3st/echo').then(
|
||
(data) => {
|
||
assert.equal(
|
||
data.echo,
|
||
'ech0-t3st',
|
||
'Test 2: the echo server is not working as expected'
|
||
);
|
||
},
|
||
(xhr) => {
|
||
throw new Error(xhr.responseText);
|
||
}
|
||
);
|
||
```
|
||
|
||
# --solutions--
|
||
|
||
```js
|
||
/**
|
||
Backend challenges don't need solutions,
|
||
because they would need to be tested against a full working project.
|
||
Please check our contributing guidelines to learn more.
|
||
*/
|
||
```
|