freeCodeCamp

2.7 KiB

Raw Blame History

id	title	localeTitle	challengeType
587d7fb2367417b2b2512bf6	Get Query Parameter Input from the Client	Obter entrada de parâmetro de consulta do cliente	2

Description

Outra maneira comum de obter entrada do cliente é codificando os dados após o caminho da rota, usando uma string de consulta. A cadeia de consulta é delimitada por um ponto de interrogação (?) E inclui pares campo = valor. Cada casal é separado por um e comercial (&). O Express pode analisar os dados da cadeia de consulta e preencher o objeto req.query . Alguns caracteres não podem estar em URLs, eles precisam ser codificados em um formato diferente antes de você poder enviá-los. Se você usar a API do JavaScript, poderá usar métodos específicos para codificar / decodificar esses caracteres.

route_path: '/library'
actual_request_URL: '/library?userId=546&bookId=6754'
req.query: {userId: '546', bookId: '6754'}

Construa um endpoint da API, montado em GET /name . Responda com um documento JSON, tomando a estrutura { name: 'firstname lastname'} . Os parâmetros de nome e sobrenome devem ser codificados em uma string de consulta, por exemplo, ?first=firstname&last=lastname . DICA: No exercício a seguir, vamos receber dados de uma solicitação POST, no mesmo caminho de rota /name . Se você quiser, pode usar o método app.route(path).get(handler).post(handler) . Essa sintaxe permite encadear diferentes manipuladores de verbo na mesma rota de caminho. Você pode economizar um pouco de digitação e ter um código mais limpo.

Instructions

Tests

tests:
  - text: 'Teste 1: o endpoint da sua API deve responder com o nome correto'
    testString: 'getUserInput => $.get(getUserInput(''url'') + ''/name?first=Mick&last=Jagger'').then(data => { assert.equal(data.name, ''Mick Jagger'', ''Test 1: "GET /name" route does not behave as expected'') }, xhr => { throw new Error(xhr.responseText); })'
  - text: 'Teste 2: seu ponto de extremidade APi deve responder com o nome correto'
    testString: 'getUserInput => $.get(getUserInput(''url'') + ''/name?last=Richards&first=Keith'').then(data => { assert.equal(data.name, ''Keith Richards'', ''Test 2: "GET /name" route does not behave as expected'') }, xhr => { throw new Error(xhr.responseText); })'

Challenge Seed

Solution

// solution required

2.7 KiB Raw Blame History