---
title: PushMessageData.json()
slug: Web/API/PushMessageData/json
tags:
  - API
  - Experimental
  - JSON
  - Method
  - Push
  - PushMessageData
  - Reference
  - Service Workers
translation_of: Web/API/PushMessageData/json
---
<p>{{APIRef("Push API")}}{{SeeCompatTable()}}</p>

<p>{{domxref("PushMessageData")}} インターフェースの <code><strong>json()</strong></code>メソッドは、プッシュメッセージデータを <a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON">JSON</a> オブジェクトとして抜き出します。</p>

<h2 id="構文">構文</h2>

<pre class="brush: js">var myJson = PushEvent.data.json();</pre>

<h3 id="パラメーター">パラメーター</h3>

<p>なし。</p>

<h3 id="戻り値">戻り値</h3>

<p><a href="/ja/docs/Web/JavaScript/Reference/Global_Objects/JSON">JSON</a> オブジェクト。</p>

<h2 id="例">例</h2>

<pre class="brush: js">self.addEventListener('push', function(event) {
  var jsonObj = event.data.json();

  // JSON を使って何かを実行する
});</pre>

<h2 id="仕様">仕様</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">仕様</th>
   <th scope="col">状態</th>
   <th scope="col">コメント</th>
  </tr>
  <tr>
   <td>{{SpecName('Push API', '#widl-PushMessageData-json-JSON', 'json()')}}</td>
   <td>{{Spec2('Push API')}}</td>
   <td>初期定義。</td>
  </tr>
 </tbody>
</table>

<h2 id="ブラウザ実装状況">ブラウザ実装状況</h2>

<div>
<div>


<p>{{Compat("api.PushMessageData.json")}}</p>
</div>
</div>

<h2 id="関連項目">関連項目</h2>

<ul>
 <li><a href="/ja/docs/Web/API/Push_API/Using_the_Push_API">Using the Push API</a></li>
</ul>