NDEFRecord: data property

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

The data property of the NDEFRecord interface returns a DataView containing the raw bytes of the record's payload.

Syntax

js
NDEFRecord.data

Value

A DataView that contains encoded payload data of the record.

Examples

The following example loops over the records in an NDEFMessage object, which is retrieved from NDEFReadingEvent.message. After selecting a record based on its mediaType, it then decodes what's stored in the data property.

js
const ndef = new NDEFReader();
await ndef.scan();
ndef.onreading = (event) => {
  const decoder = new TextDecoder();
  for (const record of event.message.records) {
    if (record.mediaType === "application/json") {
      const json = JSON.parse(decoder.decode(record.data));
      const article = /^[aeio]/i.test(json.title) ? "an" : "a";
      console.log(`${json.name} is ${article} ${json.title}`);
    }
  }
};

Specifications

Specification
Web NFC
# dom-ndefrecord-data

Browser compatibility

BCD tables only load in the browser