---
title: XMLHttpRequestEventTarget
slug: Web/API/XMLHttpRequestEventTarget
tags:
  - AJAX
  - API
  - NeedsBrowserCompatibility
  - NeedsContent
  - Reference
  - XMLHttpRequest
translation_of: Web/API/XMLHttpRequestEventTarget
---
<p>{{APIRef("XMLHttpRequest")}}</p>

<p><code>XMLHttpRequestEventTarget</code> は、{{ domxref("XMLHttpRequest")}} のイベントを処理するオブジェクトに実装できるイベントハンドラーを記述するインターフェイスです。</p>

<p>{{InheritanceDiagram}}</p>

<h2 id="プロパティ">プロパティ</h2>

<dl>
 <dt>{{ domxref("XMLHttpRequestEventTarget.onabort") }}</dt>
 <dd>リクエストが中止され、{{event('abort')}} イベントがこのオブジェクトによって受信されたときに呼び出す関数が含まれています。</dd>
 <dt>{{ domxref("XMLHttpRequestEventTarget.onerror") }}</dt>
 <dd>リクエストでエラーが発生し、このオブジェクトが {{event('error')}} イベントを受信したときに呼び出す関数が含まれています。</dd>
 <dt>{{ domxref("XMLHttpRequestEventTarget.onload") }}</dt>
 <dd>コンテンツのフェッチに成功した後にHTTPリクエストが返され、このオブジェクトが {{event('load')}} イベントを受信したときに呼び出す関数が含まれています。</dd>
 <dt>{{ domxref("XMLHttpRequestEventTarget.onloadstart") }}</dt>
 <dd>HTTPリクエストが最初にデータの読み込みを開始し、{{event('loadstart')}} イベントがこのオブジェクトによって受信されたときに呼び出される関数が含まれています。</dd>
 <dt>{{ domxref("XMLHttpRequestEventTarget.onprogress") }}</dt>
 <dd>リクエストの進行状況に関する情報とともに定期的に呼び出される関数が含まれ、{{event('progress')}} イベントがこのオブジェクトによって受信されます。</dd>
 <dt>{{ domxref("XMLHttpRequestEventTarget.ontimeout") }}</dt>
 <dd>イベントがタイムアウトし、{{event("timeout")}} イベントがこのオブジェクトによって受信された場合に呼び出される関数が含まれています。これは、<code>XMLHttpRequest</code> オブジェクトの <code>timeout</code> 属性の値を設定することによってタイムアウトが以前に確立されている場合にのみ発生します。</dd>
 <dt>{{ domxref("XMLHttpRequestEventTarget.onloadend") }}</dt>
 <dd>リクエストが失敗し、{{event('loadend')}} イベントがこのオブジェクトによって受信された場合でも、ロードが完了したときに呼び出される関数が含まれています。</dd>
</dl>

<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('XMLHttpRequest')}}</td>
   <td>{{Spec2('XMLHttpRequest')}}</td>
   <td>WHATWG living standard</td>
  </tr>
 </tbody>
</table>

<h2 id="ブラウザーの互換性">ブラウザーの互換性</h2>



<p>{{Compat("api.XMLHttpRequestEventTarget")}}</p>

<h2 id="関連情報">関連情報</h2>

<ul>
 <li>{{ domxref("XMLHttpRequest") }}</li>
 <li><a href="/DOM/XMLHttpRequest/Using_XMLHttpRequest" title="Using XMLHttpRequest">Using XMLHttpRequest</a></li>
</ul>