Attr data是HTML5中自定義屬性的新特性，其中data屬性可以用來保存額外的數據，以供JavaScript代碼使用。而在使用data屬性時，經常需要將數據轉化為JSON格式，以便于在JavaScript代碼中進行解析和使用。

<div id="myDiv" data-mydata='{
"name": "John Smith",
"age": 28,
"address": {
"street": "123 Main St",
"city": "New York",
"state": "NY"
}
}'></div>

如上代碼所示，我們在一個div標簽中添加了data-mydata屬性，并用JSON格式存儲了一些數據。在JavaScript中解析這些數據可以使用jQuery庫中的data()方法：

var myData = $('#myDiv').data('mydata');
console.log(myData.name); // "John Smith"
console.log(myData.address.city); // "New York"

另外，如果需要動態設置data屬性的值，也可以使用jQuery的attr()方法和JSON.stringify()方法。

var myObject = {
"name": "Jane Doe",
"age": 30,
"address": {
"street": "456 Second St",
"city": "Los Angeles",
"state": "CA"
}
};
$('#myDiv').attr('data-mydata', JSON.stringify(myObject));

在實際開發中，attr data和JSON數據的應用場景很多，比如前端模板渲染、AJAX請求等，但需要注意的是，在存儲和傳輸JSON數據時，需要確保其格式正確、有效、安全，以免出現數據解析異常或安全漏洞等問題。