Server error 400 when JSON includes " ' " element in value

Question

I have a problem sending JSON to the server and getting error in a specific case. I'm not sure if this is a frontend fix or backend, but couldn't find anything online on that.

In case I send:

CompanyName: "Bobs company"

request goes through, however if I send:

CompanyName: "Bob's company"

I get an error. Is there a way to fix that problem on frontend? I get the name by requesting value of the input :

  onChange={(e) => {
   setCompanyName(e.target.value);
  }}

Use a backslash to escape the single quote.https://stackoverflow.com/q/19176024/4746087 — Kurt Van den Branden, Mar 03 '21 at 08:37
onChange is badly declared, should read `onChange=((e) => setCompanyName(e.target.value))` — Colin Claverie, Mar 03 '21 at 08:37
I understand that ' can be replaced with \ yet, in the input field a person won't type \. Or should I write a function that goes through state and replaces every ' with \ — Fillipo, Mar 03 '21 at 08:40

score 1 · Answer 1 · answered Mar 03 '21 at 08:53

The best way to fix your problem is to change the backend. If you need special characters escape them. In your case the JSON must look like this:

{"CompanyName": "Bob\'s company"}

Look into the answer from AlexB for more info: How to escape special characters in building a JSON string?

Server error 400 when JSON includes " ' " element in value

1 Answers1