0

我正在尝试创建一个可以读取和写入 NFC 标签的简单网页。如果需要，我还希望具有取消写入操作的功能。所以我按照这里和这里的例子。但是，我遇到了一个中止信号被忽略的问题。这个简单的代码可以证明这个问题：

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Test</title>

    <script>
        let data;
        let reset_controller = new AbortController();
        let ndef;


        try {
            ndef = new window.NDEFReader();

            ndef.addEventListener("readingerror", async () => {
                log_error('Cannot read data from the NFC tag.');
            });

            ndef.addEventListener("reading", async ({message, serialNumber}) => {
                data = new TextDecoder('utf-8').decode(message.records[0].data.buffer);
                draw_info();
            });
        } catch (error) {
            console.error(error);
        }

        function draw_info() {
            document.getElementById('data').innerHTML = `data is: ${data}`;
        }


        function reset() {
            console.log('Aborted!')
            reset_controller.abort();
            document.getElementById('data').innerHTML = '';
        }


        async function read_data() {
            data = await ndef.scan();
            draw_info();
        }

        async function write_data() {
            console.log('stating write')
            try {
                await ndef.write("some data", {
                    AbortSignal: reset_controller.signal
                });
            } catch (e) {
                console.error(e);
            }
        }
    </script>

</head>
<body>
<button onclick="read_data()">Read</button>
<button onclick="write_data()">Write</button>
<button onclick="reset()">Rest</button>
<p id="data">data is: </p>
</body>
</html>

重复这个问题：

1-单击写入按钮。

2-单击重置以取消写入。

  1. 接近一个标签。

标签现在包含不应包含的字符串“一些数据”

4

2 回答 2

0

好的，我发现了问题。

当我们将选项对象传递给 write 函数时，中止信号应该放在“信号”属性而不是“AbortSignal”

于 2021-06-23T11:33:36.567 回答
0

的确。选项字典的键应该是signal，而不是AbortSignal。请参阅https://web.dev/nfc/#abort-nfc-operations上的代码示例

const abortController = new AbortController();
abortController.signal.onabort = event => {
  // All NFC operations have been aborted.
};

const ndef = new NDEFReader();
await ndef.scan({ signal: abortController.signal });

await ndef.write("Hello world", { signal: abortController.signal });

document.querySelector("#abortButton").onclick = event => {
  abortController.abort();
};
于 2021-06-23T14:44:56.397 回答