* feat(tools): add seed/solution restore script * chore(curriculum): remove empty sections' markers * chore(curriculum): add seed + solution to Chinese * chore: remove old formatter * fix: update getChallenges parse translated challenges separately, without reference to the source * chore(curriculum): add dashedName to English * chore(curriculum): add dashedName to Chinese * refactor: remove unused challenge property 'name' * fix: relax dashedName requirement * fix: stray tag Remove stray `pre` tag from challenge file. Signed-off-by: nhcarrigan <nhcarrigan@gmail.com> Co-authored-by: nhcarrigan <nhcarrigan@gmail.com>
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>route_path: '/user/:userId/book/:bookId'<br>actual_request_URL: '/user/546/book/6754' <br>req.params: {userId: '546', bookId: '6754'}</blockquote>
|
||
|
||
# --instructions--
|
||
|
||
在路由中`GET /:word/echo`构建一个 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.
|
||
*/
|
||
```
|