Angular encoding accepting backslash

Question

I am having an application using Angular, which communicates with backend via rests. I am facing a problem with encoding of my questionares.

Angular part:

  searchCase(searchText: string): Observable<Case[]> {
    const encodedText = encodeURIComponent(searchText);
    return this.http.get<Case[]>(`${this.baseUrl}/case/search/${encodedText}`);
  }

Rest:

public List<Case> searchCase(
        @PathParam("searchedText") String searchedText) {
    return caseManagement.searchCase(searchedText);
}

For any input, this works totally fine, except for backslash. Then, it does not even reach my backend rest part. How can I go over it?

Look here stackoverflow.com/questions/12555230/… . Actually it is considered as a part of your URL, so follow the steps of @sachleen and it will work fine! — Jonathan Gagne
– Jonathan Gagne, Commented Nov 13, 2018 at 14:06
@AndrejBuday an example would be "12\65" - just a random string including backslash — Maciej Miśkiewicz
– Maciej Miśkiewicz, Commented Nov 13, 2018 at 21:50

Maciej Miśkiewicz · Accepted Answer · 2018-11-14 15:03:52Z

0

It turned out that it was enough to use btoa instead:

searchCase(searchText: string): Observable<Case[]> {
    const encodedText = btoa(searchText);
    return this.http.get<Case[]>(`${this.baseUrl}/case/search/${encodedText}`);
  }

And then decode it on backend side and seems to work totally fine.

answered Nov 14, 2018 at 15:03

Maciej Miśkiewicz

4122 gold badges9 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular encoding accepting backslash

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related