Việc lưu trữ JSON trong dữ liệu có được khuyến nghị đối với các thuộc tính dữ liệu riêng biệt không?

Question

Tôi đang lưu trữ thuộc tính dữ liệu sau cho các phần tử được chọn để tải các tùy chọn.

<select name="DependsOn_Field" data-load='automatic' data-source='web.module().fields' data-value='name' data-display='label' data-filter='exclude_single' id='DependantField'></select> 

Câu hỏi của tôi là cách tốt nhất khi cần lưu trữ nhiều thuộc tính dữ liệu cho một phần tử DOM duy nhất là gì? Tốt hơn là nên có thuộc tính dữ liệu đơn lẻ có dữ liệu JSON hoặc có thuộc tính dữ liệu riêng biệt cho mỗi giá trị cần thiết.

Answer 1

Tôi nghĩ rằng câu hỏi sẽ được xem là thuộc tính dữ liệu tĩnh? Họ có thể sẽ thay đổi không? Nếu họ sẽ thay đổi hoặc bạn có thể muốn chỉnh sửa chúng, thì JSON chắc chắn là tốt hơn. Tuy nhiên, nếu chúng tĩnh và bạn sẽ chỉ đọc các thuộc tính đó, tôi nghĩ thuộc tính data là tốt, đây chính xác là thuộc tính data. Tôi biết nó có vẻ cồng kềnh bởi vì bạn có một loạt các thuộc tính nhưng tôi nghĩ nó ổn.

EDIT bằng cách thay đổi hoặc chỉnh sửa, tôi muốn chỉnh sửa động trong trình duyệt của khách hàng.

Hy vọng điều này sẽ hữu ích.

Answer 2

Điều đó hoàn toàn phụ thuộc vào cách chúng được sử dụng.

Nếu giá trị của bạn là các chuỗi đơn giản và bạn đang truy cập chúng từ JavaScript, thì có thể có ý nghĩa khi giữ chúng ở các thuộc tính data-.

Nếu giá trị của bạn đối tượng JSON phức tạp, sau đó nó có thể làm cho ý nghĩa hơn để lưu trữ các giá trị JSON hoàn toàn trong một thuộc tính data-, và xác định một helper mà sẽ đọc nó (giả sử vì đơn giản rằng jQuery có sẵn):

function getElemData(elem) { 
    var $elem = $(elem); 
    var elemData = $elem.data("_jsonData"); 
    if (!elemData) { 
     elemData = JSON.parse($elem.attr("data-json-data")); 
     $elem.data("_jsonData", elemData); 
    } 
    return elemData; 
} 

Và cuối cùng, nếu dữ liệu chỉ được truyền xung quanh (ví dụ, được viết bởi máy chủ, sau đó đọc và gửi trực tiếp trên một nơi khác), có nhiều khả năng giữ toàn bộ đốm màu trong một thuộc tính data-.