你可以使用JavaScript来存储从后端接收的数据，并将其保存在HTML标签的属性值上。以下是一个示例，展示如何实现这一功能：

1. 从后端接收数据

假设你通过AJAX请求从后端接收数据：JavaScript

$.ajax({
    url: '/Home/GetData',
    method: 'GET',
    success: function(response) {
        // 假设response是一个对象，例如 { id: 1, name: "Fan" }
        storeDataInAttributes(response);
    },
    error: function() {
        console.error('获取数据失败');
    }
});

2. 将数据存储在标签的属性值上

你可以创建一个函数，将接收到的数据存储在指定标签的自定义属性上：

function storeDataInAttributes(data) {
    // 假设你有一个标签 <div id="myElement"></div>
    const element = document.getElementById('myElement');

    // 将数据存储在标签的自定义属性上
    element.setAttribute('data-id', data.id);
    element.setAttribute('data-name', data.name);

    // 你也可以使用 jQuery 来设置属性
    // $('#myElement').attr('data-id', data.id).attr('data-name', data.name);
}

3. 访问存储在标签属性上的数据

你可以通过JavaScript或jQuery访问存储在标签属性上的数据：JavaScript

// 使用 JavaScript
const element = document.getElementById('myElement');
const id = element.getAttribute('data-id');
const name = element.getAttribute('data-name');
console.log(`ID: ${id}, Name: ${name}`);

// 使用 jQuery
// const id = $('#myElement').attr('data-id');
// const name = $('#myElement').attr('data-name');
// console.log(`ID: ${id}, Name: ${name}`);

示例HTML

HTML

<div id="myElement"></div>

通过这种方式，你可以将从后端接收的数据存储在HTML标签的自定义属性上，并在需要时访问这些数据。