Community Learn Tools Library Leisure
search
English
Home > Web Front-end > JS Tutorial > Discussion on jQuery's data api issue when the custom data attribute is a json format string_javascript skills

Discussion on jQuery's data api issue when the custom data attribute is a json format string_javascript skills

WBOY
Release： 2016-05-16 17:41:53
Original
1158 people have browsed it

jQuery's data API implementation has the effect of caching data
Using IE 7 (IE8 switches to IE7 mode in the console), when the DOM node has custom data attributes, you can check the DOM node to see attributes in the shape of jQuery18305664906559272507 , which is the construction used to get custom data from the data storage object.

When the custom data attribute is a json format string, if the cached data is modified, the modified data will continue to exist in the cache system. If you are not careful, this may cause some BUG

Copy code The code is as follows:








< ;script>
var node = $("#tst");
console.log(node.attr("data-json"));
var data = node.data("json") ;
console.log(data);
data.b = 'hello';
var data1 = JSON.parse(node.attr("data-json"));
console.log (data1);
console.log('data===data1',data===data1);
var data2 = node.data("json");
console.log(data2) ;
console.log('data===data2',data===data2);
var data3 = JSON.parse(node.attr("data-json"));//Get the value like this Not affected by caching
console.log(data3);




Running results
Copy code The code is as follows:

{"a":123,"b":456}
Object {a: 123, b: 456}
Object {a: 123, b: 456}
data===data1 false
Object {a: 123, b: "hello"}
data===data2 true
Object {a: 123, b: 456}
Related labels：
api json format
source：php.cn
Previous article：js custom method to implement file download by hiding iframe_javascript skills Next article：Detailed explanation of the case of taking value and text from extjs3 combobox_extjs
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
What is the format of the variables in the return value? I am a new learner of php. I found a piece of code: if($x<time()){return[false,'error']...
From 2024-04-06 21:55:20
0
1
778
The query and formula form the entire table, with new columns, where the new columns are formulas involving other conditional column values EDIT: The formula should be the "value" column - the "value" column wi...
From 2024-04-06 21:23:40
0
2
530
Dynamically modify inline CSS styles in Javafx I'm trying to change the background image of a pane when the application is maximized. My ...
From 2024-04-06 20:57:16
0
1
487
Calculate the sum of fields in another table using MySQL SQL query I have a schema like this: User table with attributes "user_id" and "userna...
From 2024-04-06 19:39:29
0
1
441
MySQL: "Select text from... as <variable here or subquery>" I have the following table with the following data: id text language 1 german text german ...
From 2024-04-06 19:25:54
0
2
529
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template