Spacing affecting my api

Question

What's the deal with this one.. this gives me the response https://hn.algolia.com/api/v1/search?query=Latest&page=0

fetchSearchTopStories(searchTerm, page = 0){
      fetch(`${PATH_BASE}${PATH_SEARCH}?${PARAM_SEARCH}${searchTerm}&${PARAM_PAGE}\
${page}`)
      .then(response => response.json())
      .then(result => this.setSearchTopStories(result))
      .catch(e => {

      })
    }

but when i do this.. it gives me GET https://hn.algolia.com/api/v1/search?query=Latest&page=${page} and a No 'Access-Control-Allow-Origin' error

 fetchSearchTopStories(searchTerm, page = 0){
      fetch(`${PATH_BASE}${PATH_SEARCH}?${PARAM_SEARCH}${searchTerm}&${PARAM_PAGE}\${page}`)
      .then(response => response.json())
      .then(result => this.setSearchTopStories(result))
      .catch(e => {

      })
    }

it's the same code.. the second one ${page} is not in new line the second one gives me the error above.

It seems that \ before `$` escapes it - can you please try `\\${page}`? — eithed, Jan 16 '18 at 18:03
What's the \ _for_? You put it in the code but not in the working (linked) API result. — msanford, Jan 16 '18 at 18:55

Aaron Franco · Answer 1 · 2018-01-16T18:52:07.657

0

Try

 fetchSearchTopStories(searchTerm, page = 0){
      fetch(`${PATH_BASE}${PATH_SEARCH}?${PARAM_SEARCH}${searchTerm}&${PARAM_PAGE}`+encodeURIComponent(`\${page}`))
      .then(response => response.json())
      .then(result => this.setSearchTopStories(result))
      .catch(e => {

      })
    }

Might be an encoding problem with the backslash.

You can see the URL forms correctly here: http://jsfiddle.net/e5fqb5vx/6/

edited Jan 16 '18 at 18:52

answered Jan 16 '18 at 17:55

Aaron Franco

1,560
1
14
19

it gives me 404 `Request URL:https://hn.algolia.com/api/v1/searchquery=?Latest%26page%3D%24%7Bpage%7D` – null Jan 16 '18 at 18:17
1

Slightly updated my answer. Why does your server require a backslash in the parameter? – Aaron Franco Jan 16 '18 at 18:52

Spacing affecting my api

1 Answers1