What is the issue with the character set?

Question

What is the issue with the character set?

Attempting to send request data from JavaScript to Java using JSON format. In JavaScript, the request body appears as:

{
    "id": "3",
    "name": "Chicken pasta",
    "description": "Lets make chicken pasta",
    "category": "Unassigned",
    "favorite": true,
    "prepTime": "",
    "cookTime": "",
    "ingredients": [
        {}
    ],
    "steps": [],
    "user": {
        "id": "2",
        "username": "user2"
    }
}

However, on the server side (in my Java controller), it is represented as:

%7B%0A%09%22id%22%3A+%223%22%2C%0A%09%22name%22%3A+%22Chicken+pasta%22%2C%0A%09%22description%22%3A+%22Lets+make+chicken+pasta%22%2C%0A%09%22category%22%3A+%22Unassigned%22%2C%0A%09%22favorite%22%3A+true%2C%0A%09%22prepTime%22%3A+%22%22%2C%0A%09%22cookTime%22%3A+%22%22%2C%0A%09%22ingredients%22%3A+%5B%0A%09%09%7B%7D%0A%09%5D%2C%0A%09%22steps%22%3A+%5B%5D%2C%0A%09%22user%22%3A+%7B%0A%09%09%22id%22%3A+%222%22%2C%0A%09%09%22username%22%3A+%22user2%22%0A%09%7D%0A%7D=

This results in a JSON parsing exception. How can I resolve this encoding issue?

javascript java json character-encoding

Answer 1

Answer №1

Make sure to decode the URL string received from the server before attempting to parse it as JSON. Refer to this Stack Overflow thread for guidance on decoding URLs in Java.

Answer 2

Make sure to decode the URL string received from the server before attempting to parse it as JSON. Refer to this Stack Overflow thread for guidance on decoding URLs in Java.

Answer 3

Answer №2

Ah, Thomas, you were absolutely correct and I managed to figure it out on my own as well. Instead of using URLDecoder.decode, I decided to write a few lines of code by myself :)

   public static String toDecimal (String hexStr) {
        char[] hex = hexStr.toCharArray();
        char current;
        String result = "";
        for (int i=0;i<hex.length;i++) {
            if (hex[i] == '%') {
                current = (char) ((toDecimal(hex[i+1]) * 16) + toDecimal(hex[i+2]));
                i+=2;
            } else {
                if (hex[i] == '+') {
                    current = ' ';
                } else {
                    current = hex[i];
                }
            }
            result += current;
        }
        while (!(result.endsWith("}") || result.endsWith("]"))) {
            result = result.substring(0, result.length()-1);
        }
        return result;
    }

    private static int toDecimal (char hex) {
        switch (hex) {
            case '0': return 0;
            case '1': return 1;
            case '2': return 2;
            case '3': return 3;
            case '4': return 4;
            case '5': return 5;
            case '6': return 6;
            case '7': return 7;
            case '8': return 8;
            case '9': return 9;
            case 'A': return 10;
            case 'B': return 11;
            case 'C': return 12;
            case 'D': return 13;
            case 'E': return 14;
            case 'F': return 15;
        }
        return -1;
    }

The functionality of my custom function is identical to the previously mentioned URLDecoder.decode method. However, my function also removes all characters from the end until either '}' or ']' is encountered. Interestingly, when extracting a string from JavaScript, I notice that it ends with an '=' symbol, which puzzles me.

Answer 4

Ah, Thomas, you were absolutely correct and I managed to figure it out on my own as well. Instead of using URLDecoder.decode, I decided to write a few lines of code by myself :)

   public static String toDecimal (String hexStr) {
        char[] hex = hexStr.toCharArray();
        char current;
        String result = "";
        for (int i=0;i<hex.length;i++) {
            if (hex[i] == '%') {
                current = (char) ((toDecimal(hex[i+1]) * 16) + toDecimal(hex[i+2]));
                i+=2;
            } else {
                if (hex[i] == '+') {
                    current = ' ';
                } else {
                    current = hex[i];
                }
            }
            result += current;
        }
        while (!(result.endsWith("}") || result.endsWith("]"))) {
            result = result.substring(0, result.length()-1);
        }
        return result;
    }

    private static int toDecimal (char hex) {
        switch (hex) {
            case '0': return 0;
            case '1': return 1;
            case '2': return 2;
            case '3': return 3;
            case '4': return 4;
            case '5': return 5;
            case '6': return 6;
            case '7': return 7;
            case '8': return 8;
            case '9': return 9;
            case 'A': return 10;
            case 'B': return 11;
            case 'C': return 12;
            case 'D': return 13;
            case 'E': return 14;
            case 'F': return 15;
        }
        return -1;
    }

The functionality of my custom function is identical to the previously mentioned URLDecoder.decode method. However, my function also removes all characters from the end until either '}' or ']' is encountered. Interestingly, when extracting a string from JavaScript, I notice that it ends with an '=' symbol, which puzzles me.

What is the issue with the character set?

Answer №1

Answer №2

Similar questions

Node.js is throwing GitHub API 401 Bad Credentials error, whereas curl is not encountering the

Issues have been raised with IE11's refusal to accept string(variable) as a parameter for the localStorage

When saving a canvas as an image, it only results in a blank, transparent image

What is the best method to assign values to AngularJS controller variables using Python Selenium or the JavaScript console?

Transforming a complex JSON object into a pandas DataFrame

Displaying information from an array using AngularJS

What is the process for creating a widget that can be seamlessly integrated into someone’s website and hosted on your own site

What is the best way to align an avatar within a cardHeader component in the center?

Learn how to fetch user-selected options in Node.js and display the corresponding file contents in a textarea after submission

Decoding JSON in Angular

What is the most effective way to add images to a table using JavaScript?

The new and improved Vue 3 computed feature in the Composition API

Navigating to a new page by selecting a row in a material-ui table

A guide to implementing drag and drop functionality using JavaScript

How can I pass a string value from C++ to JavaScript in a Windows environment using Visual Studio 2008?

What are the steps to setting up SystemJS with Auth0?

Function that returns an Observable<Boolean> value is null following a catch block

Display only one field and hide the other field using a jQuery IF/ELSE statement

Understanding JavaScript for Reading a Website's "Local Storage"

What is the process for searching a specific column in a Vuetify v-data-table that is not included in the headers?