I have a standard HTML5-type client/server set up. The server side is all Java, and the client side is JavaScript. Using ajax I send queries and receive replies. Up to now, I've had no problems with JSON.parse(data). However, I have a new user who entered her last name using Chinese characters. This is causing a JSON.parse: bad control character in string literal error on the client side.

The server builds a reply as follows (exception handling omitted):

JSONObject jsono = new JSONObject();

jsono.put(last_name, last_name);

jsono.put(first-name, first_name);

String response = jsono.toString();

The client receives something like:

{last_name:Smith,first_name:Bob}

The reply is displayed on a web page which is set to <meta charset=utf-8>:

var theResult = JSON.parse(data);

$('#first_name').html(theResult.first_name);

This works just fine. However, for the Chinese user, the client receives

{last_name:唐,first_name:Bob}

and this causes the json.parse error.

I've now started looking at other characters. For example, Andrés does not cause an error, but also does not display properly. It looks like Andr�s.

So, I'm clearly missing something. Could someone enlighten me where the problem lies (e.g., is it server side? client side? JavaScript? jquery? html?) and how to solve it?