javascript - 解析 Service Worker 中的 json 变得未定义

Question

我正在尝试在服务工作线程中解析 json，但我无法做到这一点。

这是我试图在推送通知中解析的数据:

{"data": {"url": "www.google.com", "text": "teste", "icon": "http://example.com/abc.gif", "title": "title"}}

这是我的代码:

self.addEventListener('push', function(event) {

  var payload = event.data.text();


  if ( payload.length > 0 ) {

        event.waitUntil(    
            fetch(payload, {
            method: 'get'
            })
            .then(function(response) { 
                console.log('response');
                console.log(response);
                return response.json(); 
            })
            .then(function(data) {
                console.log(data.text);
                console.log(data.title);
                self.registration.showNotification(data.title, {
                  body: data.text,
                  icon: data.icon
                });
            })
            .catch(function(err) {
            console.log('err');
            console.log(err);
            });

        );

  }

我的 data.text 和 data.icon 未定义。

我该如何解决这个问题？

Answer 1

使用 JSON.parse(payload) 解析负载