Can't parse JSON from data attribute

Mr. Jo :

I'm currently trying to parse a JSON from a data attribute but I'm getting an error:

Uncaught SyntaxError: Unexpected token � in JSON at position 0

This is my code:

jQuery( document ).ready( function ( $ ) {
	let variations = $( "span" ).data( "variations" );

	$( JSON.parse( variations ) ).each( function ( index, variation ) {
		console.log( variation );
	} );
} );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span data-variations='["\ud83d\udc36","\ud83d\udc31"]'></span>

I don't get it. I'm printing the JSON in PHP with this function but I'm stuck in my head here:

<span data-variations='<?= esc_html( json_encode( $variations ) ) ?>'></span>

Seblor :

You are having this issue because variations already has the parsed value, as said in the doc :

When a string starts with '{' or '[', then jQuery.parseJSON is used to parse it

jQuery( document ).ready( function ( $ ) {
	let variations = $( "span" ).data( "variations" );

	$( variations ).each( function ( index, variation ) {
		console.log( variation );
	} );
} );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<span data-variations='["\ud83d\udc36","\ud83d\udc31"]'></span>

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=301935&siteId=1

Can't parse JSON from data attribute

Parse Json and xml data

Parse json data in Python

How To Parse Two JSON Data From Url Simultaneously And Get Url From First JSON And Use That For Getting Data In Second JSON?

Parse JSON data in Markdown format

parse data from Nacos error

Kafka python3 implemented to acquire data from, and to parse json format, and writes the mysql

Kafka python3 implemented to acquire data from, and to parse json format, and writes the mysql

Gson two ways to parse Json data

How [series] Go parse JSON data?

Golang parse json data according to type RawMessage

Use jackson to parse json data in detail

Question: How to parse JSON data and what are the methods?

Use Gson to quickly parse Json data

Parse json data with uncertain key value

Using Gson to parse wrong json data

From python json to parse python, from bson to monogdb

JSON parse error: Can not construct instance of class

Can't get data from combineLatest - Angular

JSON .parse()

Parse labelme annotation data and quickly convert it into usable json format data

Fastest way to parse JSON from String when format is known

Deleting an element from JSON data

Simplest way to call REST API and parse JSON data with Java

java android uses Gson to parse generic json data

Spring Boot perfectly uses FastJson to parse JSON data

js Download the excel data returned by url and parse it into json

Android MQTT connects to Alibaba Cloud and uses Json to parse data

How to parse content data received from intent filters in manifest?

Vue: Get data from the server and parse it, and further draw it into a histogram